@CHARSET "UTF-8";/* 由开发人员工具生成。它可能不是原始源文件的准确表示形式。*/
.chatListColumn .nickName {
	TEXT-OVERFLOW: ellipsis;
	WORD-WRAP: normal
}

.chatListColumn .desc {
	TEXT-OVERFLOW: ellipsis;
	WORD-WRAP: normal
}

.loadingIcon {
	MARGIN: 20px auto;
	WIDTH: 20px;
	BACKGROUND: url(../images/ico_loading117ced3.gif) no-repeat center 50%;
	HEIGHT: 20px
}

.chatPanel .unreadDot {
	POSITION: absolute;
	TEXT-ALIGN: center;
	LINE-HEIGHT: 25px;
	MARGIN: -7px 0px 0px -21px;
	WIDTH: 28px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -5px -980px;
	HEIGHT: 24px;
	COLOR: #fff;
	FONT-SIZE: 12px;
	LEFT: 64px;
	_left: -5px
}

.chatPanel .unreadDotS {
	POSITION: absolute;
	WIDTH: 19px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -156px
		-1008px;
	HEIGHT: 19px;
	TOP: 1px;
	LEFT: 45px
}



.pointer {
	CURSOR: pointer
}

.lightBorder {
	BORDER-BOTTOM-COLOR: #ddd;
	BORDER-TOP-COLOR: #ddd;
	BORDER-RIGHT-COLOR: #ddd;
	BORDER-LEFT-COLOR: #ddd
}

.lightText {
	COLOR: #ccc
}

.loadingMask {
	Z-INDEX: 101;
	POSITION: absolute;
	FILTER: alpha(opacity = 50);
	BACKGROUND-COLOR: #000;
	MARGIN-TOP: -33px;
	WIDTH: 415px;
	HEIGHT: 356px;
	MARGIN-LEFT: -17px;
	TOP: 0px;
	LEFT: 0px;
	border-radius: 0px 0px 4px 4px;
	opacity: 0.5
}

.loadingMaskWind {
	FILTER: alpha(opacity = 50);
	BACKGROUND-COLOR: #000;
	MARGIN: auto;
	WIDTH: 100%;
	HEIGHT: 100%;
	border-radius: 4px;
	opacity: 0.5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}

.chatPanel .media A {
	DISPLAY: block
}

.chatPanel .media {
	BORDER-BOTTOM: #aeb4b9 1px solid;
	BORDER-LEFT: #aeb4b9 1px solid;
	BACKGROUND-COLOR: #fafafa;
	MARGIN: 0px auto;
	WIDTH: 365px;
	BORDER-TOP: #aeb4b9 1px solid;
	BORDER-RIGHT: #aeb4b9 1px solid;
	border-radius: 5px;
	box-shadow: 0px 1px 1px #D7D7D7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.chatPanel .media .mediaPanel {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.chatPanel .media .mediaImg {
	MARGIN: 16px 0px -10px
}

.chatPanel .media .mediaImg .mediaImgPanel {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 100%;
	PADDING-RIGHT: 0px;
	HEIGHT: 164px;
	OVERFLOW: hidden;
	PADDING-TOP: 0px
}

.chatPanel .media .mediaImg IMG {
	POSITION: absolute;
	LEFT: 0px
}

.chatPanel .media .mediaImg .mediaImgFooter {
	POSITION: relative;
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 29px;
	BACKGROUND-COLOR: #000;
	PADDING-LEFT: 11px;
	PADDING-RIGHT: 11px;
	HEIGHT: 29px;
	COLOR: #fff;
	TOP: -29px;
	PADDING-TOP: 0px;
	text-shadow: none
}

.chatPanel .media .mediaImg .mediaImgFooter A:hover P {
	COLOR: #b8b3b3
}

.chatPanel .media .mediaImg .mediaImgFooter .mesgTitleTitle {
	LINE-HEIGHT: 28px;
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 318px;
	WHITE-SPACE: nowrap;
	HEIGHT: 26px;
	COLOR: #fff;
	OVERFLOW: hidden;
	-o-text-overflow: ellipsis
}

.chatPanel .media .mesgIcon {
	MARGIN: 8px 0px -2px 4px;
	WIDTH: 13px;
	DISPLAY: inline-block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -174px -987px;
	HEIGHT: 13px
}

.chatPanel .media .mediaContent {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.chatPanel .media .mediaContent .mediaMesg {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #d7d7d7 1px solid;
	PADDING-TOP: 0px
}

.chatPanel .media .mediaContent .mediaMesg .mediaMesgDot {
	POSITION: relative;
	WIDTH: 6px;
	DISPLAY: block;
	HEIGHT: 6px;
	TOP: -3px;
	LEFT: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.chatPanel .media .mediaContent .mediaMesg .mediaMesgTitle:hover P {
	COLOR: #1a1717
}

.chatPanel .media .mediaContent .mediaMesg .mediaMesgTitle A {
	COLOR: #707577
}

.chatPanel .media .mediaContent .mediaMesg .mediaMesgTitle A:hover P {
	COLOR: #444440
}

.chatPanel .media .mediaContent .mediaMesg .mediaMesgIcon {
	
}

.chatPanel .media .mediaContent .mediaMesg .mediaMesgTitle P {
	MIN-WIDTH: 176px;
	TEXT-ALIGN: left;
	LINE-HEIGHT: 1.5em;
	MARGIN-TOP: 2px;
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 286px;
	COLOR: #5d6265;
	MAX-HEIGHT: 45px;
	OVERFLOW: hidden;
	-o-text-overflow: ellipsis
}

.chatPanel .media .mediaContent .mediaMesg .mediaMesgIcon IMG {
	WIDTH: 45px;
	HEIGHT: 45px
}

.chatPanel .media .mediaHead {
	BORDER-BOTTOM: #d3d8dc 1px solid;
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 8px;
	COLOR: #a51000;
	FONT-SIZE: 16px;
	PADDING-TOP: 0px
}

.chatPanel .media .mediaHead .title {
	TEXT-ALIGN: left;
	LINE-HEIGHT: 1.2em;
	MARGIN-TOP: 22px;
	DISPLAY: block;
	MAX-WIDTH: 312px
}

.chatPanel .mediaFullText .mediaImg {
	POSITION: relative;
	PADDING-BOTTOM: 5px;
	MARGIN: 17px 0px 0px;
	PADDING-LEFT: 0px;
	WIDTH: 100%;
	PADDING-RIGHT: 0px;
	HEIGHT: 164px;
	OVERFLOW: hidden;
	PADDING-TOP: 0px
}

.chatPanel .mediaFullText .mediaImg IMG {
	POSITION: absolute;
	MARGIN-TOP: 17px
}

.chatPanel .mediaFullText .mediaContent {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 10px;
	LINE-HEIGHT: 1.5em;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 8px;
	COLOR: #666b6e;
	FONT-SIZE: 12px;
	PADDING-TOP: 6px
}

.chatPanel .mediaFullText .mediaContentP {
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 8px;
	PADDING-TOP: 12px
}

.chatPanel .media .mediaHead .time {
	MARGIN: 21px 0px 0px;
	WIDTH: auto;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	COLOR: #82888c
}

.chatPanel .media .mediaFooter {
	BACKGROUND-COLOR: #f0f4f8;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px
}

.chatPanel .media .mediaFooter A {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 7px;
	COLOR: #792f2e;
	FONT-SIZE: 14px;
	PADDING-TOP: 0px
}

.chatPanel .media .mediaFooter .mesgIcon {
	MARGIN: 12px 3px 0px 0px
}

.chatPanel .media A:hover {
	CURSOR: pointer
}

.chatPanel .media A:hover .mesgIcon {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -188px -987px
}

.chatPanel .chatListSearch {
	BORDER-BOTTOM: #abb0b4 1px solid;
	BACKGROUND-COLOR: #e7ebee;
	MARGIN: 0px;
	HEIGHT: 71px;
	BORDER-TOP: #fff 1px solid
}

.chatPanel .chatListSearch SPAN.chatListSearchIcon {
	WIDTH: 28px;
	DISPLAY: block;
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat -36px -166px;
	HEIGHT: 93%
}

.chatPanel .chatListSearchPanel {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 0px
}

.chatPanel .chatListSearchInput {
	BORDER-BOTTOM: #989ca1 1px solid;
	BORDER-LEFT: #989ca1 1px solid;
	BACKGROUND-COLOR: #fff;
	MARGIN-TOP: 6px;
	WIDTH: 100%;
	HEIGHT: 20px;
	BORDER-TOP: #989ca1 1px solid;
	BORDER-RIGHT: #989ca1 1px solid;
	border-radius: 15px;
	box-shadow: 0px 1px 0px #FFF;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px
}

.chatPanel .chatListSearchInput .searchClean {
	WIDTH: 21px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -4px -432px;
	HEIGHT: 23px;
	CURSOR: pointer
}

.chatPanel .chatListSearchInput .searchClean:active {
	BACKGROUND-POSITION: -38px -432px
}

.chatPanel INPUT {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	WIDTH: 78%;
	FONT: 13px/20px Arial;
	HEIGHT: 92%;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}

.chatPanel .chatListSearchPanel .listOperatorContent .conmu {
	WIDTH: 49%;
	HEIGHT: 100%
}

.chatPanel .chatListSearchPanel .listOperatorContent .addr {
	WIDTH: 49%;
	HEIGHT: 100%
}

.chatPanel .chatListSearchPanel .listOperatorContent .bag {
	MARGIN: 0px auto;
	WIDTH: 40px;
	BACKGROUND: url(../images/icon_chat17ced3.png);
	HEIGHT: 30px
}

.chatPanel .chatListSearchPanel .listOperatorContent .conmu .bag {
	BACKGROUND-POSITION: 1px 3px
}

.chatPanel .chatListSearchPanel .listOperatorContent .addr .bag {
	BACKGROUND-POSITION: 1px 10px
}

.chatPanel .chatListSearchPanel .listOperatorContent .cutOffRule {
	BORDER-LEFT: #7e7e7e 1px dotted;
	MARGIN-TOP: 11px;
	WIDTH: 0px;
	FLOAT: left;
	HEIGHT: 15px;
	BORDER-RIGHT: #fff 1px dotted
}

.chatPanel .chatListSearchPanel .listOperatorContent .conmu {
	DISPLAY: block;
	HEIGHT: 100%
}

.chatPanel .chatListSearchPanel .listOperatorContent .addr {
	DISPLAY: block;
	HEIGHT: 100%
}

.chatPanel .chatListSearchPanel .listOperatorContent .conmu .bag {
	MARGIN: 8px auto 0px;
	WIDTH: 25px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat;
	HEIGHT: 22px
}

.chatPanel .chatListSearchPanel .listOperatorContent .addr .bag {
	MARGIN: 8px auto 0px;
	WIDTH: 25px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat;
	HEIGHT: 22px
}

.chatPanel .chatListSearchPanel .listOperatorContent .conmu .bag {
	BACKGROUND-POSITION: -1px -69px
}

.chatPanel .chatListSearchPanel .listOperatorContent .active .conmuButton .bag
	{
	BACKGROUND-POSITION: -28px -69px
}

.chatPanel .chatListSearchPanel .listOperatorContent .addr .bag {
	BACKGROUND-POSITION: -56px -69px
}

.chatPanel .chatListSearchPanel .listOperatorContent .active .addrButton .bag
	{
	BACKGROUND-POSITION: -84px -69px
}

.chatPanel .chatListSearchPanel .listOperatorContent .conmu .unreadDot {
	MARGIN: -32px 0px 0px 9px
}

.chatPanel .listContentWrap .listGroupTitle {
	POSITION: absolute;
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 4px;
	LINE-HEIGHT: 20px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 10px;
	WIDTH: 240px;
	PADDING-RIGHT: 10px;
	BACKGROUND: #dce2e6 0px 0px;
	COLOR: #96999d;
	PADDING-TOP: 4px
}

.chatPanel .listGroupTitle .iconFavoriteFriend {
	WIDTH: 22px;
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat -38px -39px;
	HEIGHT: 18px;
	VERTICAL-ALIGN: top
}

A.ico_close_circle {
	Z-INDEX: 55;
	POSITION: absolute;
	PADDING-BOTTOM: 0px;
	TEXT-INDENT: -9999px;
	PADDING-LEFT: 0px;
	WIDTH: 23px;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	BACKGROUND: url(../images/video_icon.png) no-repeat -256px -128px;
	HEIGHT: 23px;
	OVERFLOW: hidden;
	TOP: -10px;
	RIGHT: -11px;
	PADDING-TOP: 0px
}

A.ico_close_circle_blue {
	Z-INDEX: 55;
	POSITION: absolute;
	PADDING-BOTTOM: 0px;
	TEXT-INDENT: -9999px;
	PADDING-LEFT: 0px;
	WIDTH: 23px;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	BACKGROUND: url(../images/video_icon.png) no-repeat -256px -128px;
	HEIGHT: 23px;
	OVERFLOW: hidden;
	TOP: -10px;
	RIGHT: -11px;
	PADDING-TOP: 0px
}

.ico_close_circle:hover {
	BACKGROUND-POSITION: -256px -96px
}

A.ico_close_circle_blue:hover {
	BACKGROUND-POSITION: -256px -96px
}

.left {
	FLOAT: left
}

.right {
	FLOAT: right
}

.clear {
	CLEAR: both
}

.hide {
	DISPLAY: none
}

.mask {
	Z-INDEX: 110;
	POSITION: absolute;
	FILTER: alpha(opacity = 60);
	WIDTH: 100%;
	BACKGROUND: #0e1011;
	HEIGHT: 100%;
	TOP: 0px;
	LEFT: 0px;
	opacity: 0.6
}

.trans {
	opacity: 0
}

.dialog {
	Z-INDEX: 1100;
	BORDER-BOTTOM: #a3a3a3 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #a3a3a3 1px solid;
	WIDTH: 328px;
	BACKGROUND: #eceded;
	BORDER-TOP: #a3a3a3 1px solid;
	BORDER-RIGHT: #a3a3a3 1px solid;
	border-radius: 5px;
	box-shadow: 0 1px 3px #BFBFBF;
	opacity: 0.95;
	-webkit-opacity: 0.95;
	-moz-opacity: 0.95;
	-o-opacity: 0.95
}

.dialog .header {
	BORDER-BOTTOM: #c7c7c7 1px solid;
	BACKGROUND-COLOR: #e9e9e9;
	HEIGHT: 15px;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px
}

.tourTip.dialog {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	box-shadow: 0 6px 10px #444
}

.dialog .dialogContainer {
	Z-INDEX: 999;
	BORDER-BOTTOM: #fff 1px solid;
	POSITION: relative;
	BORDER-LEFT: #fff 1px solid;
	BACKGROUND: #fff;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid;
	border-radius: 0px 0px 5px 5px
}

.dialog .dialogContent {
	COLOR: #2e2c2c;
	FONT-SIZE: 16px;
	text-shadow: 0 1px 0 white
}

.dialog .dialogContent .default {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 38px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 50px
}

.dialog .dialogContent .modifyAvatarTips {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 20px;
	PADDING-LEFT: 35px;
	PADDING-RIGHT: 35px;
	PADDING-TOP: 20px
}

.dialog .dialogContent .verificationRequest {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 20px;
	LINE-HEIGHT: 30px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT-SIZE: 14px;
	PADDING-TOP: 20px
}

.dialog .dialogContent .inputVerify {
	PADDING-BOTTOM: 3px;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 5px;
	WIDTH: 170px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 3px
}

.dialogOperator {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 10px;
	BACKGROUND-COLOR: #f9f9f9;
	MARGIN: 0px auto;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	HEIGHT: 20px;
	OVERFLOW: hidden;
	BORDER-TOP: #e0e0e0 1px solid;
	PADDING-TOP: 10px;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px
}

.dialogOperator .inwrap {
	
}

.dialogOperator .chatSend {
	
}

.dialogOperator .btnGray {
	
}

.dialogOperator .wrapContent A.btn {
	WIDTH: 64px;
	HEIGHT: 21px
}

.dialogOperator .wrapContent A.btn B {
	LINE-HEIGHT: 20px;
	HEIGHT: 20px;
	FONT-SIZE: 12px
}

.dialogOperator .wrapContent A.chatSend {
	FLOAT: right;
	MARGIN-RIGHT: 10px
}

.dialogOperator .wrapContent A.singleBtn {
	MARGIN: 0px auto;
	FLOAT: none
}

.dialogOperator .wrapContent A.btnGray {
	FLOAT: right;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.dialogOperator .wrapContent A.btnGray B {
	COLOR: #000
}

.dialog A.btn {
	TEXT-ALIGN: center;
	DISPLAY: block;
	FLOAT: right;
	TEXT-DECORATION: none;
	border-radius: 3px
}

.dialog A.btn B {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 30px;
	DISPLAY: block;
	HEIGHT: 30px;
	FONT-SIZE: 14px;
	border-radius: 2px;
	text-shadow: none
}

.tourTip .dialogContainer {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: #e5e5e5;
	PADDING-TOP: 25px
}

.tourTipContent {
	PADDING-BOTTOM: 10px;
	MARGIN: 20px 0px 0px;
	PADDING-LEFT: 27px;
	PADDING-RIGHT: 27px;
	BACKGROUND: #f0efef;
	PADDING-TOP: 10px;
	border-radius: 0 0 5px 5px
}

.tourTipContent .desc {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 20px;
	LINE-HEIGHT: 1.7em;
	PADDING-LEFT: 84px;
	PADDING-RIGHT: 84px;
	PADDING-TOP: 20px
}

.tourTip .tourTipFileTransporterPic {
	WIDTH: 370px;
	BACKGROUND: url(../images/illustration_chat17ced3.png) no-repeat 0px 0px;
	HEIGHT: 170px
}

.dialog A.iconClose {
	POSITION: absolute;
	WIDTH: 28px;
	HEIGHT: 28px;
	TOP: 5px;
	RIGHT: 5px
}

.dialog A.iconClose IMG {
	WIDTH: 100%;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -3px -462px;
	HEIGHT: 100%
}

.dialog A.iconClose:hover IMG {
	BACKGROUND-POSITION: -37px -462px
}

.dialog A.iconClose:active IMG {
	BACKGROUND-POSITION: -71px -462px
}

A.btnPrimary {
	BORDER-BOTTOM: #6486d3 1px solid;
	TEXT-ALIGN: center;
	BORDER-LEFT: #6486d3 1px solid;
	LINE-HEIGHT: 30px;
	MARGIN: 13px auto;
	WIDTH: 120px;
	DISPLAY: block;
	BACKGROUND: #588ed1;
	HEIGHT: 30px;
	COLOR: #fff;
	FONT-SIZE: 16px;
	BORDER-TOP: #6486d3 1px solid;
	BORDER-RIGHT: #6486d3 1px solid;
	TEXT-DECORATION: none;
	border-radius: 4px;
	box-shadow: 0 1px 3px #d3d3d3;
	text-shadow: 0 -1px 0 #4f739f
}

A.btnPrimary:hover {
	BORDER-BOTTOM: #4778a6 1px solid;
	BORDER-LEFT: #4778a6 1px solid;
	BACKGROUND: #2467cc;
	COLOR: #fff;
	BORDER-TOP: #4778a6 1px solid;
	BORDER-RIGHT: #4778a6 1px solid;
	text-shadow: 0 1px 0px #333
}

A.btnPrimary:active {
	BORDER-BOTTOM: #4778a6 1px solid;
	BORDER-LEFT: #4778a6 1px solid;
	BACKGROUND: #2464c4;
	COLOR: #fff;
	BORDER-TOP: #4778a6 1px solid;
	BORDER-RIGHT: #4778a6 1px solid;
	box-shadow: 0 1px 3px #d3d3d3;
	text-shadow: 0 1px 1px #444
}

A.btnPrimary B {
	DISPLAY: block
}

A.btnSecondary {
	BORDER-BOTTOM: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	LINE-HEIGHT: 30px;
	BACKGROUND: #e9e9e9;
	COLOR: #666;
	FONT-SIZE: 16px;
	BORDER-TOP: #999 1px solid;
	BORDER-RIGHT: #999 1px solid;
	text-shadow: 0 1px 0px #fff
}

A.btnSecondary:hover {
	BORDER-BOTTOM: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	BACKGROUND: #f0f0f0;
	COLOR: #666;
	BORDER-TOP: #999 1px solid;
	BORDER-RIGHT: #999 1px solid;
	text-shadow: 0 1px 0px #fff
}

A.btnSecondary:active {
	BORDER-BOTTOM: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	BACKGROUND: #e9e9e9;
	COLOR: #666;
	BORDER-TOP: #999 1px solid;
	BORDER-RIGHT: #999 1px solid;
	text-shadow: 0 1px 0px #fff
}

.container {
	
}

.clr {
	DISPLAY: block;
	HEIGHT: 1px;
	CLEAR: both;
	OVERFLOW: hidden
}

.clrLeft {
	HEIGHT: 1px;
	CLEAR: left;
	OVERFLOW: hidden
}

.clrRight {
	HEIGHT: 1px;
	CLEAR: right;
	OVERFLOW: hidden
}

.loginPanel {
	BORDER-BOTTOM: #ddd 1px solid;
	POSITION: absolute;
	TEXT-ALIGN: center;
	BORDER-LEFT: #ddd 1px solid;
	WIDTH: 500px;
	HEIGHT: 380px;
	BORDER-TOP: #ddd 1px solid;
	BORDER-RIGHT: #ddd 1px solid;
	LEFT: 400px;
	border-radius: 4px
}

.loginPanel .title {
	LINE-HEIGHT: 50px;
	HEIGHT: 50px;
	FONT-SIZE: 22px;
	border-radius: 4px 4px 0 0;
	text-shadow: 0 1px 0 #fff
}

.loginPanel .panelContent {
	PADDING-BOTTOM: 20px;
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 20px;
	PADDING-TOP: 20px
}

.loginPanel .qrcode {
	BORDER-BOTTOM: 1px solid;
	BORDER-LEFT: 1px solid;
	WIDTH: 200px;
	BORDER-TOP: 1px solid;
	BORDER-RIGHT: 1px solid
}

.loginPanel .info {
	MARGIN: 10px 0px 0px
}

.chatPanel .triangle {
	MARGIN: 3px 0px 0px 5px;
	WIDTH: 16px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -88px -977px;
	HEIGHT: 16px
}

.loginPanel .normlDesc {
	
}

.loginPanel .errorMsg {
	DISPLAY: none
}

.loginPanel A.operatorBtn {
	MARGIN-TOP: 10px
}

.chatPanel {
	POSITION: relative;
	PADDING-BOTTOM: 30px;
	MARGIN: 0px auto;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	border-radius: 4px
}

.chatPanel .content {
	Z-INDEX: 2;
	POSITION: relative
}

.chatPanel .panelBackground {
	Z-INDEX: 1;
	POSITION: absolute;
	COLOR: #35393c;
	FONT-SIZE: 24px;
	TOP: 180px;
	RIGHT: 253px;
	text-shadow: 0 1px 1px #535353
}

.chatPanel .panelBackground IMG {
	WIDTH: 65px;
	BACKGROUND: url(../images/illustration_chat17ced3.png) no-repeat -360px
		-165px;
	HEIGHT: 65px
}

.chatPanel .list {
	Z-INDEX: 99;
	BORDER-BOTTOM: #424448 1px solid;
	POSITION: relative;
	BORDER-LEFT: #424448 1px solid;
	WIDTH: 276px;
	FLOAT: left;
	BORDER-TOP: #424448 1px solid;
	BORDER-RIGHT: #424448 1px solid;
	border-radius: 6px;
	box-shadow: 0 2px 6px #313131
}

.chatPanel .list .top {
	BORDER-BOTTOM: #333 1px solid;
	BACKGROUND-COLOR: #5b6774;
	BORDER-TOP: #9ba3ae 1px solid;
	border-radius: 3px 3px 0 0
}

.chatPanel .list .top .title {
	HEIGHT: 39px;
	border-radius: 5px 5px 0 0
}

.chatPanel .search {
	BORDER-BOTTOM: #ddd 1px solid;
	BACKGROUND-COLOR: #f0f0f0;
	BORDER-TOP: #fff 1px solid
}

.chatPanel .searchText {
	BORDER-BOTTOM: #f0f0f0 1px solid;
	BORDER-LEFT: #f0f0f0 1px solid;
	BORDER-TOP: #f0f0f0 1px solid;
	BORDER-RIGHT: #f0f0f0 1px solid
}

.chatPanel .myProfile {
	WIDTH: 100%;
	DISPLAY: block
}

.chatPanel .myProfile .avatar {
	Z-INDEX: 101;
	POSITION: absolute;
	WIDTH: 68px;
	BACKGROUND: url(../images/border_myprofile_avatar.ie17ced3.png)
		no-repeat;
	HEIGHT: 68px;
	TOP: -26px;
	LEFT: 5px
}

.chatPanel .myProfile IMG {
	Z-INDEX: 100;
	POSITION: absolute;
	WIDTH: 60px;
	BACKGROUND: url(../images/avatar_default17ced3.png) no-repeat center 50%;
	HEIGHT: 60px;
	TOP: -22px;
	LEFT: 9px
}

.chatPanel .myProfile A {
	TEXT-DECORATION: none
}

.chatPanel .myProfile .nickName {
	TEXT-ALIGN: left;
	MARGIN-TOP: 0px;
	TEXT-OVERFLOW: ellipsis;
	DISPLAY: block;
	FONT-FAMILY: "微软雅黑", Helvetica, Arial, sans-serif;
	MAX-WIDTH: 113px;
	WORD-WRAP: normal;
	WHITE-SPACE: nowrap;
	FLOAT: left;
	COLOR: #fff;
	FONT-SIZE: 14px;
	OVERFLOW: hidden;
	text-shadow: none
}

.chatPanel .myProfile .info {
	MARGIN: 10px 0px 0px 74px;
	WIDTH: 150px;
	FLOAT: left
}

.chatPanel .info A {
	FLOAT: left
}

.myProfile .unreadTotalCount {
	Z-INDEX: 110;
	POSITION: absolute;
	LINE-HEIGHT: 27px;
	WIDTH: 25px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -5px -670px;
	HEIGHT: 25px;
	COLOR: #5d4914;
	FONT-SIZE: 12px;
	TOP: 21px;
	LEFT: 47px;
	text-shadow: 0 1px 0 #20252B
}

.myProfile .unreadTotalCount:hover {
	BACKGROUND-POSITION: -39px -670px;
	TEXT-DECORATION: none
}

.myProfile .unreadTotalCount:active {
	BACKGROUND-POSITION: -72px -670px;
	TEXT-DECORATION: none
}

.chatPanel .listContentWrap {
	OVERFLOW-Y: auto;
	BACKGROUND-COLOR: #f5f5f5;
	WIDTH: 100%;
	HEIGHT: 452px;
	OVERFLOW: hidden
}

.scrollbarBox {
	WIDTH: 9px
}

.scrollbarBox .scrollbar {
	BACKGROUND-COLOR: #6b747a;
	WIDTH: 100%;
	border-radius: 10px;
	opacity: 0.6
}

.chatPanel .listContent .viewport {
	POSITION: relative;
	WIDTH: 320px;
	HEIGHT: 498px;
	OVERFLOW: hidden
}

.chatPanel .listContent .overview {
	POSITION: absolute;
	LIST-STYLE-TYPE: none;
	TOP: 0px;
	LIST-STYLE-IMAGE: none;
	LEFT: 0px
}

.chatPanel .listContent .thumb .end {
	BACKGROUND-COLOR: #003d5d
}

.chatPanel .listContent .thumb {
	BACKGROUND-COLOR: #003d5d
}

.chatPanel .listContent .scrollbar {
	POSITION: relative;
	WIDTH: 15px;
	FLOAT: right
}

.chatPanel .listContent .track {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #d8eefd;
	PADDING-LEFT: 1px;
	WIDTH: 13px;
	PADDING-RIGHT: 1px;
	HEIGHT: 100%;
	PADDING-TOP: 0px
}

.chatPanel .listContent .thumb {
	POSITION: absolute;
	WIDTH: 13px;
	HEIGHT: 20px;
	OVERFLOW: hidden;
	TOP: 0px;
	CURSOR: pointer
}

.chatPanel .listContent .thumb .end {
	WIDTH: 13px;
	HEIGHT: 5px;
	OVERFLOW: hidden
}

.chatPanel .listContent .listDesc {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 20px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT-SIZE: 12px;
	BORDER-TOP: #fff 1px solid;
	PADDING-TOP: 20px
}

.chatPanel .chatListColumn {
	POSITION: relative;
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 7px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 7px;
	_padding-right: 10px
}

.chatPanel .chatListColumn .avatar_wrap {
	LINE-HEIGHT: 0;
	FLOAT: left;
	MARGIN-RIGHT: 10px
}

.chatPanel .chatListColumn .avatar {
	BORDER-BOTTOM: #fff 1px solid;
	BORDER-LEFT: #fff 1px solid;
	WIDTH: 42px;
	BACKGROUND: #a4a7b8;
	HEIGHT: 42px;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid;
	border-radius: 0
}

.chatPanel .chatListColumn .extend {
	FLOAT: right
}

.chatPanel .chatListColumn .nickName .name {
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 2px;
	PADDING-LEFT: 0px;
	TEXT-OVERFLOW: ellipsis;
	PADDING-RIGHT: 0px;
	MAX-WIDTH: 121px;
	WORD-WRAP: normal;
	WHITE-SPACE: nowrap;
	FONT-SIZE: 13px;
	OVERFLOW: hidden;
	PADDING-TOP: 2px;
	-o-text-overflow: ellipsis
}

.chatPanel .chatListColumn .nickName .name .emoji {
	MARGIN-TOP: 0px
}

.chatPanel .chatListColumn .nickName .personNum {
	MARGIN-TOP: 4px;
	COLOR: #a3a3a2;
	MARGIN-LEFT: 5px;
	FONT-SIZE: 12px
}

.descWrapper {
	OVERFLOW: hidden
}

.descWrapper .tipIcon {
	WIDTH: 20px;
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat;
	FLOAT: left;
	HEIGHT: 20px
}

.descWrapper .iconSendFailed {
	BACKGROUND-POSITION: 50% -220px;
	MARGIN-LEFT: -6px
}

.descWrapper .iconSending {
	BACKGROUND-POSITION: 50% -200px;
	MARGIN-LEFT: -2px
}

.chatPanel .chatListColumn .desc {
	LINE-HEIGHT: 20px;
	MARGIN: 0px;
	WIDTH: 150px;
	DISPLAY: inline-block;
	WHITE-SPACE: nowrap;
	HEIGHT: 20px;
	COLOR: #77797a;
	FONT-SIZE: 12px;
	OVERFLOW: hidden
}

.chatPanel.hasSysScroll .chatListColumn .desc {
	WIDTH: 135px
}

.chatPanel .chatListColumn .time {
	MARGIN-TOP: 3px;
	COLOR: #47778d;
	FONT-SIZE: 12px;
	text-shadow: none
}

.chatPanel .chatListColumn .mute {
	WIDTH: 17px;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -76px -36px;
	FLOAT: right;
	HEIGHT: 19px;
	MARGIN-RIGHT: 0px
}

.chatPanel .chatListColumn .info {
	OVERFLOW: hidden;
	text-shadow: none
}

.chatPanel .chatListColumn {
	BORDER-BOTTOM: #d5d6d7 1px solid;
	HEIGHT: 45px;
	OVERFLOW: hidden;
	BORDER-TOP: #f7f7f7 1px solid;
	CURSOR: pointer;
	text-shadow: 0 1px 0 white
}

.chatPanel .chatListColumn .nickName {
	WIDTH: 150px;
	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	COLOR: #343434;
	FONT-SIZE: 15px;
	OVERFLOW: hidden;
	-o-text-overflow: ellipsis
}

.chatPanel .chatListColumn .desc {
	COLOR: #b6b6b6
}

.chatPanel A.loadMoreConv {
	TEXT-ALIGN: center;
	DISPLAY: block;
	HEIGHT: auto;
	FONT-SIZE: 12px
}

.chatPanel A.loadMoreConv .desc {
	COLOR: #bebebe;
	FONT-SIZE: 12px
}

.chatPanel A.loadMoreConv {
	BORDER-BOTTOM: medium none;
	COLOR: #bfc3c6;
	TEXT-DECORATION: none;
	text-shadow: 0 1px 0 #fff
}

.chatPanel A.loadMoreConv:hover {
	BORDER-BOTTOM: medium none;
	COLOR: #bfc3c6;
	TEXT-DECORATION: none;
	text-shadow: 0 1px 0 #fff
}

.chatPanel A.loadMoreConv:active {
	BORDER-BOTTOM: medium none;
	COLOR: #bfc3c6;
	TEXT-DECORATION: none;
	text-shadow: 0 1px 0 #fff
}

.chatPanel A.loadMoreConv:active SPAN.desc {
	COLOR: #9e9e9e;
	text-shadow: 0 1px 0 #fff
}

.chatPanel A.loadMoreConv .tipPic {
	MARGIN: 8px auto 3px;
	WIDTH: 25px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -2px -914px;
	HEIGHT: 25px
}

.chatPanel A.loadMoreConv:hover .tipPic {
	BACKGROUND-POSITION: -32px -914px
}

.chatPanel A.loadMoreConv:active .tipPic {
	BACKGROUND-POSITION: -62px -914px
}

.chatPanel .list .listOperator {
	POSITION: absolute;
	BACKGROUND-COLOR: #eaecee;
	WIDTH: 276px;
	FONT-SIZE: 12px;
	BORDER-TOP: #eeeff0 1px solid;
	LEFT: 0px;
	border-radius: 0 0 5px 5px
}

.chatPanel .list .listOperatorContent {
	MARGIN-TOP: 2px;
	MARGIN-BOTTOM: 4px;
	HEIGHT: 27px;
	border-radius: 0 0 5px 5px
}

.chatPanel .list .listBarContent {
	HEIGHT: 5px;
	border-radius: 0 0 5px 5px
}

.list .chatLeftPanelShadow {
	POSITION: absolute;
	WIDTH: 276px;
	BOTTOM: -51px;
	HEIGHT: 46px;
	MARGIN-LEFT: -138px;
	LEFT: 50%;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

.chatPanel .listContent DIV.activeColumn {
	BORDER-BOTTOM: #c9ced3 1px solid;
	PADDING-BOTTOM: 7px;
	BACKGROUND-COLOR: #7a869c;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #8598ac 1px solid;
	FONT-WEIGHT: normal;
	PADDING-TOP: 7px;
	text-shadow: 0 1px 0 #fff
}

.chatPanel .listContent .activeColumn A.friendDetail {
	BACKGROUND: none transparent scroll repeat 0% 0%
}

.chatPanel .listContent .activeColumn A.friendDetail {
	BACKGROUND: none transparent scroll repeat 0% 0%
}

.chatPanel .listContent DIV.activeColumn .nickName {
	COLOR: #fff
}

.chatPanel .listContent DIV.activeColumn .personNum {
	COLOR: #fff
}

.chatPanel .listContent DIV.activeColumn .desc {
	COLOR: #fff
}

.chatPanel .listContent DIV.activeColumn .time {
	COLOR: #fff
}

.chatPanel .listContent .desc IMG {
	MARGIN-TOP: -2px;
	MARGIN-BOTTOM: -7px
}

.chatPanel .activeColumn .clicked {
	POSITION: absolute;
	WIDTH: 11px;
	BACKGROUND: url(../images/bg_chat_listclick_blue17ced3.png) 0px 0px;
	HEIGHT: 73px;
	TOP: 0px;
	LEFT: 0px
}

.chatPanel .activeColumn .nickName {
	
}

.chatPanel .activeColumn .desc {
	
}

.chatPanel .activeColumn .time {
	
}

.chatPanel .activeColumn .lightText {
	
}

.chatPanel .activeColumn .edited {
	DISPLAY: none
}

.chatPanel .chat {
	Z-INDEX: 20;
	MARGIN-LEFT: 312px;
	_height: 400px;
	border-radius: 6px;
	box-shadow: 0 2px 6px #313131
}

.chatPanel .chatContainer {
	BORDER-BOTTOM: #424448 1px solid;
	POSITION: relative;
	BORDER-LEFT: #424448 1px solid;
	OVERFLOW: hidden;
	BORDER-TOP: #424448 1px solid;
	BORDER-RIGHT: #424448 1px solid;
	_height: 400px;
	border-radius: 2px 2px 6px 6px;
	-moz-border-radius: 2px 2px 6px 6px;
	-webkit-border-radius: 2px 2px 6px 6px
}

.chatPanel .chatTitle {
	BORDER-BOTTOM: #333 1px solid;
	POSITION: relative;
	BACKGROUND-COLOR: #6b7888;
	HEIGHT: 40px;
	BORDER-TOP: #9ba3ae 1px solid;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0
}

.chatPanel .chatNameWrap {
	TEXT-ALIGN: center;
	FONT-SIZE: 16px;
	border-radius: 6px 6px 0 0
}

.chatPanel .chatNameWrap .chatName {
	MARGIN: 0px auto;
	WIDTH: 400px;
	TEXT-OVERFLOW: ellipsis;
	FONT-FAMILY: "微软雅黑";
	WORD-WRAP: normal;
	WHITE-SPACE: nowrap;
	COLOR: #fff;
	FONT-SIZE: 14px;
	OVERFLOW: hidden;
	PADDING-TOP: 10px;
	text-shadow: none;
	-o-text-overflow: ellipsis
}

.chatPanel .chatScorll {
	OVERFLOW-Y: scroll;
	overflow-x: hidden;
	BACKGROUND-COLOR: #eff3f7;
	MIN-HEIGHT: 200px;
	WIDTH: 100%;
	HEIGHT: 280px;
	
}

.chatPanel .chatContent {
	POSITION: relative;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
	WIDTH: 100%;
	PADDING-RIGHT: 10px;
	OVERFLOW: hidden;
	PADDING-TOP: 10px
}

.you {
	WIDTH: 100%;
	FLOAT: left;
	_background: none;
	_border: none
}

.me {
	WIDTH: 100%;
	FLOAT: right
}

.chatItem {
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 4px;
	_background: none;
	_border: none
}

.chatItemContent {
	CURSOR: pointer
}

.cloudPannel {
	POSITION: relative;
	_position: static
}

.chatItem .time {
	PADDING-BOTTOM: 2px;
	MARGIN: 0px auto 10px;
	PADDING-LEFT: 0px;
	WIDTH: 200px;
	PADDING-RIGHT: 0px;
	COLOR: #7f7f7f;
	FONT-SIZE: 12px;
	PADDING-TOP: 2px;
	border-radius: 20px;
	text-shadow: 0 1px 0 #fff;
	text-align: center;
}

.chatItem .time .timeBg {
	BACKGROUND-COLOR: #b4b8bd;
	MARGIN-TOP: 8px;
	WIDTH: 27px;
	HEIGHT: 1px
}

.chatItem .avatar {
	BORDER-BOTTOM: #fff 1px solid;
	BORDER-LEFT: #fff 1px solid;
	WIDTH: 38px;
	HEIGHT: 38px;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid;
	box-shadow: 0px 1px 0px #B3B6BA
}

.chatItem .cloud {
	POSITION: static;
	MAX-WIDTH: 300px;
	CURSOR: default
}

.chatItem .cloud {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.chatItem .cloudContent {
	TEXT-ALIGN: left;
	MIN-HEIGHT: 20px;
	WORD-WRAP: break-word;
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal
}

.zoomIn {
	CURSOR: -moz-zoom-in;
	border-radius: 1px
}

.zoomOut {
	CURSOR: -moz-zoom-out
}

.chatPanel .cloud .text {
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px
}

.cloudImg .cloudContent {
	MIN-HEIGHT: 30px;
	MAX-HEIGHT: 200px
}

.cloudImg .cloudContent IMG {
	MIN-WIDTH: 50px;
	MIN-HEIGHT: 50px
}

.cloudImg .cloudContent IMG.waitingEffect {
	POSITION: absolute;
	MIN-WIDTH: 0px;
	MIN-HEIGHT: 0px;
	WIDTH: 16px;
	HEIGHT: 16px;
	TOP: 23px;
	LEFT: -30px
}

.me .avatar {
	FLOAT: right;
	MARGIN-RIGHT: 18px
}

.me .cloud {
	position:relative;
	MIN-WIDTH: 50px;
	MARGIN: 0px 15px 0px 0px;
	MAX-WIDTH: 300px;
	FLOAT: right
}

.me .cloudText .cloudBody {
	BORDER-BOTTOM: #9f9f9f 1px solid;
	BORDER-LEFT: #9f9f9f 1px solid;
	BACKGROUND: #ececec;
	MARGIN-LEFT: 8px;
	BORDER-TOP: #9f9f9f 1px solid;
	BORDER-RIGHT: #9f9f9f 1px solid;
	border-radius: 6px;
	box-shadow: 0px 1px 0px #D5D5D5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none
}

.me .cloudContent {
	BORDER-BOTTOM: #f2f2f2 1px solid;
	BORDER-LEFT: #eee 1px solid;
	PADDING-BOTTOM: 13px;
	BACKGROUND-COLOR: #ececec;
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 13px;
	COLOR: #000;
	OVERFLOW: hidden;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #eee 1px solid;
	PADDING-TOP: 13px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: none
}

.me .cloudText .cloudArrow {
	POSITION: absolute;
	WIDTH: 13px;
	BACKGROUND: url(../images/bubble_right_guid17ced3.png) no-repeat;
	HEIGHT: 24px;
	TOP: 11px;
	RIGHT: -10px
}

.me .cloudText .cloudContent {
	PADDING-BOTTOM: 7px;
	BACKGROUND-COLOR: #ececec;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	VERTICAL-ALIGN: top;
	PADDING-TOP: 7px
}

.cloudMesg .cloudBody {
	BORDER-BOTTOM: #979797 1px solid;
	BORDER-LEFT: #979797 1px solid;
	BACKGROUND-COLOR: #eff0f4;
	BORDER-TOP: #979797 1px solid;
	BORDER-RIGHT: #979797 1px solid;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px
}

.me .cloudMesg .cloudArrow {
	POSITION: absolute;
	WIDTH: 17px;
	BACKGROUND: url(../images/cloud/filetype_guid_right17ced3.png) no-repeat;
	HEIGHT: 24px;
	TOP: 10px;
	RIGHT: -12px
}

.chatPanel .cloud .file {
	CURSOR: pointer;
	border-radius: 6px;
	box-shadow: 0px 1px 3px #9E9E9E
}

.chatPanel .cloud .file A {
	DISPLAY: block;
	HEIGHT: 77px
}

.chatPanel .cloud .file A:hover .name {
	COLOR: #546072
}

.chatPanel .cloud .file .fileIcon {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 75px;
	PADDING-RIGHT: 0px;
	HEIGHT: 75px;
	PADDING-TOP: 0px;
	border-radius: 3px 0px 0px 3px
}

.chatPanel .cloud .file .fileIcon .fileImg {
	MARGIN: 13px 0px 0px 14px;
	WIDTH: 45px;
	DISPLAY: block;
	BACKGROUND: url(../images/file_type17ced3.png) no-repeat -64px -64px;
	HEIGHT: 50px
}

.chatPanel .cloud .fileOfWord .fileIcon .fileImg {
	BACKGROUND-POSITION: -65px -3px
}

.chatPanel .cloud .fileOfExcel .fileIcon .fileImg {
	BACKGROUND-POSITION: -125px -5px
}

.chatPanel .cloud .fileOfPowerPoint .fileIcon .fileImg {
	BACKGROUND-POSITION: -185px -5px
}

.chatPanel .cloud .fileOfMusic .fileIcon .fileImg {
	BACKGROUND-POSITION: -245px -5px
}

.chatPanel .cloud .fileOfPdf .fileIcon .fileImg {
	WIDTH: 49px;
	BACKGROUND-POSITION: -4px -64px
}

.chatPanel .cloud .fileOfLink .fileIcon .fileImg {
	BACKGROUND-POSITION: -5px -5px
}

.chatPanel .cloud .ffileOfPhoto .fileIcon .fileImg {
	BACKGROUND-POSITION: -185px -5px
}

.chatPanel .cloud .fileOfText .fileIcon .fileImg {
	BACKGROUND-POSITION: -65px -64px
}

.chatPanel .cloud .fileOfZip .fileIcon .fileImg {
	BACKGROUND-POSITION: -124px -64px
}

.chatPanel .cloud .file .fileIcon {
	BORDER-BOTTOM: #635584 1px solid;
	BORDER-LEFT: #6e5c89 1px solid;
	BACKGROUND-COLOR: #6b5a88;
	BORDER-TOP: #79658e 1px solid;
	BORDER-RIGHT: #62478b 1px solid
}

.chatPanel .cloud .fileOfZip .fileIcon {
	BORDER-BOTTOM: #3c6887 1px solid;
	BORDER-LEFT: #487493 1px solid;
	BACKGROUND-COLOR: #457191;
	BORDER-TOP: #517d9c 1px solid;
	BORDER-RIGHT: #39617d 1px solid
}

.chatPanel .cloud .fileOfExcel .fileIcon {
	BORDER-BOTTOM: #357a47 1px solid;
	BORDER-LEFT: #408541 1px solid;
	BACKGROUND-COLOR: #3e8342;
	BORDER-TOP: #488d3d 1px solid;
	BORDER-RIGHT: #38612c 1px solid
}

.chatPanel .cloud .fileOfPowerPoint .fileIcon {
	BORDER-BOTTOM: #b15809 1px solid;
	BORDER-LEFT: #bb5d0a 1px solid;
	BACKGROUND-COLOR: #bc5e0a;
	BORDER-TOP: #be7610 1px solid;
	BORDER-RIGHT: #974e22 1px solid
}

.chatPanel .cloud .fileOfMusic .fileIcon {
	BORDER-BOTTOM: #1c808c 1px solid;
	BORDER-LEFT: #2e8b97 1px solid;
	BACKGROUND-COLOR: #338f9a;
	BORDER-TOP: #228f9c 1px solid;
	BORDER-RIGHT: #2b758b 1px solid
}

.chatPanel .cloud .fileOfWord .fileIcon {
	BORDER-BOTTOM: #3c6887 1px solid;
	BORDER-LEFT: #457090 1px solid;
	BACKGROUND-COLOR: #467291;
	BORDER-TOP: #517d9c 1px solid;
	BORDER-RIGHT: #39617d 1px solid
}

.chatPanel .cloud .fileOfPdf .fileIcon {
	BORDER-BOTTOM: #a13a50 1px solid;
	BORDER-LEFT: #b04259 1px solid;
	BACKGROUND-COLOR: #af4258;
	BORDER-TOP: #bb4f64 1px solid;
	BORDER-RIGHT: #9a4051 1px solid
}

.chatPanel .cloud .fileOfLink .fileIcon {
	BORDER-BOTTOM: #3276ab 1px solid;
	BORDER-LEFT: #2c71a7 1px solid;
	BACKGROUND-COLOR: #2d72a8;
	BORDER-TOP: #4184b5 1px solid;
	BORDER-RIGHT: #30688b 1px solid
}

.chatPanel .cloud .fileOfPhoto .fileIcon {
	BORDER-BOTTOM: #1d7d75 1px solid;
	BORDER-LEFT: #1e817e 1px solid;
	BACKGROUND-COLOR: #1e7d7a;
	BORDER-TOP: #20938c 1px solid;
	BORDER-RIGHT: #126565 1px solid
}

.chatPanel .cloud .fileOfText .fileIcon {
	BORDER-BOTTOM: #635584 1px solid;
	BORDER-LEFT: #6e5c89 1px solid;
	BACKGROUND-COLOR: #6b5a88;
	BORDER-TOP: #79658e 1px solid;
	BORDER-RIGHT: #62478b 1px solid
}

.chatPanel .cloud .fileOfZip .fileIcon {
	BORDER-BOTTOM: #58707b 1px solid;
	BORDER-LEFT: #657f89 1px solid;
	BACKGROUND-COLOR: #657f89;
	BORDER-TOP: #708b96 1px solid;
	BORDER-RIGHT: #556f7b 1px solid
}

.chatPanel .cloud .file .info {
	BORDER-BOTTOM: #979797 1px solid;
	BORDER-LEFT: medium none;
	PADDING-BOTTOM: 20px;
	BACKGROUND-COLOR: #eff0f4;
	PADDING-LEFT: 9px;
	WIDTH: 103px;
	PADDING-RIGHT: 10px;
	HEIGHT: 40px;
	BORDER-TOP: #979797 1px solid;
	BORDER-RIGHT: #979797 1px solid;
	PADDING-TOP: 15px;
	border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px
}

.chatPanel .cloud .file .name {
	TEXT-ALIGN: left;
	LINE-HEIGHT: 1.2em;
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 200px;
	WHITE-SPACE: nowrap;
	HEIGHT: 16px;
	COLOR: #1f252b;
	FONT-SIZE: 13px;
	OVERFLOW: hidden;
	FONT-WEIGHT: bold;
	-o-text-overflow: ellipsis
}

.chatPanel .cloud .file .desc {
	TEXT-ALIGN: left;
	COLOR: #565c61;
	FONT-SIZE: 12px;
	PADDING-TOP: 8px;
	text-shadow: none
}

.me .cloud .cloudPannel .file {
	HEIGHT: 77px
}

.you .cloud .cloudPannel .file {
	BORDER-BOTTOM: #75975c 1px solid;
	BORDER-LEFT: #75975c 1px solid;
	HEIGHT: 77px;
	BORDER-TOP: #75975c 1px solid;
	BORDER-RIGHT: #75975c 1px solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px
}

.you .cloud .cloudPannel .file .fileIcon {
	FLOAT: right;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px
}

.you .cloud .cloudPannel .file .info {
	BORDER-LEFT: #979797 1px solid;
	FLOAT: left;
	BORDER-RIGHT: medium none;
	border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px
}

.you .cloud .cloudPannel .cloudFileArrow {
	POSITION: absolute;
	WIDTH: 17px;
	BACKGROUND: url(../images/cloud/filetype_guid_left17ced3.png) no-repeat;
	HEIGHT: 24px;
	TOP: 10px;
	RIGHT: -12px;
	LEFT: -8px
}

.me .cloudVideo .cloudBody {
	BORDER-BOTTOM: #9f9f9f 1px solid;
	BORDER-LEFT: #9f9f9f 1px solid;
	BACKGROUND: #e5e5e5;
	BORDER-TOP: #9f9f9f 1px solid;
	BORDER-RIGHT: #9f9f9f 1px solid;
	border-radius: 6px;
	-moz-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8
		8 9 8 stretch;
	-webkit-border-image:
		url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	-o-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8
		9 8 stretch;
	border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9
		8 stretch;
	_display: none
}

.me .cloudImg .cloudContent {
	BORDER-BOTTOM: #eee 1px solid;
	BORDER-LEFT: #eee 1px solid;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #eee 1px solid;
	BORDER-RIGHT: #eee 1px solid;
	PADDING-TOP: 5px;
	border-radius: 6px
}

.me .cloudVideo .cloudContent {
	BORDER-BOTTOM: #eee 1px solid;
	BORDER-LEFT: #eee 1px solid;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #eee 1px solid;
	BORDER-RIGHT: #eee 1px solid;
	PADDING-TOP: 5px;
	border-radius: 6px
}

.me .cloudImg .cloudContent {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	PADDING-TOP: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px
}

.me .cloudImg .imageBorder {
	BORDER-BOTTOM: #9f9f9f 1px solid;
	BORDER-LEFT: #9f9f9f 1px solid;
	BORDER-TOP: #9f9f9f 1px solid;
	BORDER-RIGHT: #9f9f9f 1px solid
}

.me .cloudVideo .imageBorder {
	BORDER-BOTTOM: #9f9f9f 1px solid;
	BORDER-LEFT: #9f9f9f 1px solid;
	BORDER-TOP: #9f9f9f 1px solid;
	BORDER-RIGHT: #9f9f9f 1px solid
}

.me .cloudVideo .cloudArrow {
	POSITION: absolute;
	WIDTH: 17px;
	BACKGROUND: url(../images/cloud/cloud_text_arrow_white17ced3.png)
		no-repeat;
	HEIGHT: 24px;
	TOP: 10px;
	RIGHT: -12px
}

.me .cloudVoice {
	MARGIN-RIGHT: 10px
}

.me .cloudVoice .cloudBody {
	BORDER-BOTTOM: #afafaf 1px solid;
	POSITION: relative;
	BORDER-LEFT: #afafaf 1px solid;
	MARGIN: 0px 7px;
	BACKGROUND: #e5e5e5;
	BORDER-TOP: #afafaf 1px solid;
	BORDER-RIGHT: #afafaf 1px solid;
	border-radius: 6px;
	box-shadow: 0px 1px 0px #DBDBDB;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	_display: none
}

.me .cloudVoice .cloudContent {
	BORDER-BOTTOM: #f2f2f2 1px solid;
	BORDER-LEFT: medium none;
	PADDING-BOTTOM: 7px;
	BACKGROUND-COLOR: #ededed;
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 7px;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: medium none;
	PADDING-TOP: 7px;
	border-radius: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px
}

.me .cloudVoice .cloudArrow {
	POSITION: absolute;
	WIDTH: 18px;
	BACKGROUND: url(../images/cloud/bubble_right_guid17ced3.png) no-repeat
		0px 0px;
	HEIGHT: 25px;
	TOP: 11px;
	RIGHT: -8px
}

.me .cloudVoice .cloudContent {
	
}

.me .cloudVoice .icoVoice {
	WIDTH: 25px;
	DISPLAY: inline-block;
	BACKGROUND: url(../images/icon_sound17ced3.png) no-repeat -24px -1px;
	FLOAT: right;
	HEIGHT: 20px;
	CURSOR: pointer
}

.me .cloudVoice .icoVoicePlaying {
	WIDTH: 18px;
	DISPLAY: inline-block;
	BACKGROUND: url(../images/voice02_ie17ced3.gif) no-repeat left 0px;
	FLOAT: right;
	HEIGHT: 20px
}

.cloudVoice .replyVoice {
	POSITION: absolute
}

.you .cloudVoice .replyVoice {
	TOP: 15px;
	LEFT: 35px
}

.me .cloudVoice .replyVoice {
	TOP: 0px;
	RIGHT: 30px
}

.me .sendStatus {
	POSITION: absolute;
	TEXT-ALIGN: right;
	MARGIN-TOP: -9px;
	WIDTH: 250px;
	COLOR: #b8b8b8;
	FONT-SIZE: 12px;
	TOP: 50%;
	LEFT: -250px
}

.me .cloudText .sendStatus {
	MARGIN-TOP: -10px
}

.me .cloudImg .sendStatus {
	MARGIN-TOP: -10px
}

.me .sendStatus .iconSendFailed {
	MARGIN-TOP: -5px;
	WIDTH: 30px;
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat 50% -240px;
	HEIGHT: 30px
}

.me .sendStatus .iconSendFailed:active {
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat 50% -240px
}

.you .avatar {
	FLOAT: left
}

.you .cloud {
	position:relative;
	MIN-WIDTH: 50px;
	MARGIN: 0px 0px 0px 15px;
	MAX-WIDTH: 300px;
	FLOAT: left
}

.you .cloudText .cloudBody {
	BORDER-BOTTOM: #73972a 1px solid;
	BORDER-LEFT: #73972a 1px solid;
	BACKGROUND-COLOR: #b2cf73;
	BORDER-TOP: #73972a 1px solid;
	BORDER-RIGHT: #73972a 1px solid;
	border-radius: 6px;
	box-shadow: 0px 1px 0px #DBDBDB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none
}

.you .cloudText .cloudContent {
	BORDER-BOTTOM: #b9cf8b 1px solid;
	PADDING-BOTTOM: 7px;
	BACKGROUND-COLOR: #c0dc85;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	COLOR: #030303;
	BORDER-TOP: #dce6c8 1px solid;
	BORDER-RIGHT: #ccdea3 1px solid;
	PADDING-TOP: 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: none
}

.you .cloudText .cloudArrow {
	POSITION: absolute;
	WIDTH: 13px;
	BACKGROUND: url(../images/bubble_left_guid17ced3.png) no-repeat;
	HEIGHT: 24px;
	TOP: 11px;
	LEFT: -6px
}

.you .cloudImg .cloudBody {
	BORDER-BOTTOM: #73972a 1px solid;
	BORDER-LEFT: #73972a 1px solid;
	BACKGROUND-COLOR: #dbebb9;
	BORDER-TOP: #73972a 1px solid;
	BORDER-RIGHT: #73972a 1px solid;
	border-radius: 6px;
	box-shadow: 0px 1px 0px #DBDBDB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none
}

.you .cloudVideo .cloudBody {
	BORDER-BOTTOM: #73972a 1px solid;
	BORDER-LEFT: #73972a 1px solid;
	BACKGROUND-COLOR: #dbebb9;
	BORDER-TOP: #73972a 1px solid;
	BORDER-RIGHT: #73972a 1px solid;
	border-radius: 6px;
	box-shadow: 0px 1px 0px #DBDBDB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none
}

.me .cloudImg .cloudBody {
	BORDER-BOTTOM: #9f9f9f 1px solid;
	BORDER-LEFT: #9f9f9f 1px solid;
	BACKGROUND: #e5e5e5;
	BORDER-TOP: #9f9f9f 1px solid;
	BORDER-RIGHT: #9f9f9f 1px solid;
	border-radius: 6px;
	-moz-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8
		8 9 8 stretch;
	-webkit-border-image:
		url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	-o-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8
		9 8 stretch;
	border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9
		8 stretch;
	_display: none
}

.me .cloudVideo .cloudBody {
	BORDER-BOTTOM: #9f9f9f 1px solid;
	BORDER-LEFT: #9f9f9f 1px solid;
	BACKGROUND: #e5e5e5;
	BORDER-TOP: #9f9f9f 1px solid;
	BORDER-RIGHT: #9f9f9f 1px solid;
	border-radius: 6px;
	-moz-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8
		8 9 8 stretch;
	-webkit-border-image:
		url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	-o-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8
		9 8 stretch;
	border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9
		8 stretch;
	_display: none
}

.you .cloudImg .cloudBody {
	BORDER-BOTTOM: #73972a 1px solid;
	BORDER-LEFT: #73972a 1px solid;
	BACKGROUND: #98c63d;
	BORDER-TOP: #73972a 1px solid;
	BORDER-RIGHT: #73972a 1px solid;
	border-radius: 6px
}

.you .cloudVideo .cloudBody {
	BORDER-BOTTOM: #73972a 1px solid;
	BORDER-LEFT: #73972a 1px solid;
	BACKGROUND: #98c63d;
	BORDER-TOP: #73972a 1px solid;
	BORDER-RIGHT: #73972a 1px solid;
	border-radius: 6px
}

.you .cloudImg .cloudContent {
	BORDER-BOTTOM: #d0e3ab 1px solid;
	BORDER-LEFT: #afd660 1px solid;
	PADDING-BOTTOM: 6px;
	BACKGROUND-COLOR: #c0dc85;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 6px;
	COLOR: #030303;
	BORDER-TOP: #eaf9d0 1px solid;
	BORDER-RIGHT: #eaf9d0 1px solid;
	PADDING-TOP: 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: none
}

.you .cloudVideo .cloudContent {
	BORDER-BOTTOM: #d0e3ab 1px solid;
	BORDER-LEFT: #afd660 1px solid;
	PADDING-BOTTOM: 6px;
	BACKGROUND-COLOR: #c0dc85;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 6px;
	COLOR: #030303;
	BORDER-TOP: #eaf9d0 1px solid;
	BORDER-RIGHT: #eaf9d0 1px solid;
	PADDING-TOP: 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: none
}

.me .cloudImg .cloudContent {
	BORDER-BOTTOM: #eae8e8 1px solid;
	BORDER-LEFT: #eae8e8 1px solid;
	BORDER-TOP: #eae8e8 1px solid;
	BORDER-RIGHT: #eae8e8 1px solid;
	border-radius: 8px
}

.me .cloudImg .cloudContent {
	MAX-HEIGHT: 150px
}

.you .cloudImg .cloudContent {
	MAX-HEIGHT: 150px
}

.me .cloudImg .imageBorder {
	BORDER-BOTTOM: #a4a4a4 1px solid;
	BORDER-LEFT: #a4a4a4 1px solid;
	BORDER-TOP: #a4a4a4 1px solid;
	BORDER-RIGHT: #a4a4a4 1px solid
}

.me .cloudVideo .imageBorder {
	BORDER-BOTTOM: #a4a4a4 1px solid;
	BORDER-LEFT: #a4a4a4 1px solid;
	BORDER-TOP: #a4a4a4 1px solid;
	BORDER-RIGHT: #a4a4a4 1px solid
}

.me .cloudImg .imageBorder {
	BORDER-BOTTOM: #e5e5e5 5px solid;
	BORDER-LEFT: #e5e5e5 5px solid;
	BORDER-TOP: #e5e5e5 5px solid;
	BORDER-RIGHT: #e5e5e5 5px solid;
	border-radius: 0px
}

.you .cloudImg .cloudArrow {
	POSITION: absolute;
	WIDTH: 17px;
	BACKGROUND: url(../images/bubble_left_guid17ced3.png) no-repeat;
	HEIGHT: 24px;
	TOP: 10px;
	RIGHT: -12px;
	LEFT: -6px
}

.you .cloudVideo .cloudArrow {
	POSITION: absolute;
	WIDTH: 17px;
	BACKGROUND: url(../images/cloud/bubble_left_guid17ced3.png) no-repeat;
	HEIGHT: 24px;
	TOP: 10px;
	RIGHT: -12px;
	LEFT: -6px
}

.me .cloudImg .cloudArrow {
	POSITION: absolute;
	WIDTH: 18px;
	BACKGROUND: url(../images/cloud_text_arrow_white17ced3.png)
		no-repeat 0px 0px;
	HEIGHT: 25px;
	TOP: 8px;
	RIGHT: -13px
}

.you .cloudVoice {
	MARGIN-LEFT: 10px
}

.you .cloudVoice .cloudBody {
	BORDER-BOTTOM: #7aa23f 1px solid;
	POSITION: relative;
	BORDER-LEFT: #7aa23f 1px solid;
	BACKGROUND-COLOR: #b2cf73;
	MARGIN: 0px 8px 9px 7px;
	PADDING-LEFT: 18px;
	BORDER-TOP: #7aa23f 1px solid;
	BORDER-RIGHT: #7aa23f 1px solid;
	border-radius: 5px;
	box-shadow: 0px 1px 1px #CDCDCD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.you .cloudVoice .cloudArrow {
	POSITION: absolute;
	WIDTH: 18px;
	BACKGROUND: url(../images/cloud/bubble_left_guid17ced3.png) no-repeat
		0px 0px;
	HEIGHT: 25px;
	TOP: 11px;
	LEFT: 1px
}

.you .cloudVoice .cloudContent {
	BORDER-BOTTOM: #8ebf3a 1px solid;
	BORDER-LEFT: #ddebc2 1px solid;
	PADDING-BOTTOM: 7px;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 6px;
	DISPLAY: block;
	MARGIN-LEFT: -20px;
	BORDER-TOP: #e3efc9 1px solid;
	BORDER-RIGHT: #a4d257 1px solid;
	PADDING-TOP: 7px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px
}

.you .cloudVoice .cloudContent .icoVoice {
	WIDTH: 25px;
	DISPLAY: inline-block;
	BACKGROUND: url(../images/icon_sound17ced3.png) no-repeat 0px -1px;
	FLOAT: left;
	HEIGHT: 20px;
	MARGIN-LEFT: 0px;
	CURSOR: pointer
}

.you .cloudVoice .cloudContent .icoVoicePlaying {
	WIDTH: 20px;
	DISPLAY: inline-block;
	BACKGROUND: url(../images/voice01_ie17ced3.gif) no-repeat left 0px;
	FLOAT: left;
	HEIGHT: 20px
}

.you .sendStatus {
	POSITION: absolute;
	TEXT-ALIGN: left;
	MARGIN-TOP: -23px;
	WIDTH: 200px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	COLOR: #b8b8b8;
	FONT-SIZE: 12px;
	TOP: 50%;
	RIGHT: -198px
}

.you .cloudText .sendStatus {
	MARGIN-TOP: -8px
}

.you .sendStatus SPAN {
	MARGIN-TOP: 7px;
	DISPLAY: block;
	MARGIN-LEFT: 7px
}

.you .sendStatus .iconSendFailed {
	MARGIN-TOP: 14px;
	WIDTH: 17px;
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat -7px -136px;
	HEIGHT: 17px
}

.you .sendStatus .unread {
	MARGIN: 6px 0px -12px 3px;
	WIDTH: 17px;
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat -8px -72px;
	HEIGHT: 17px
}

.systemTip {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 8px;
	MARGIN: 10px auto;
	PADDING-LEFT: 10px;
	WIDTH: 300px;
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	WORD-WRAP: break-word;
	BACKGROUND: #eee;
	COLOR: #777;
	FONT-SIZE: 12px;
	PADDING-TOP: 8px;
	border-radius: 4px;
	opacity: 0.4;
	text-shadow: none
}

.systemTip .verifyUniContacts {
	COLOR: #55a;
	CURSOR: pointer
}

.cloudImg {
	LINE-HEIGHT: 0
}

.cloudVideo {
	LINE-HEIGHT: 0
}

.cloudVoice {
	CURSOR: pointer
}

.cloudText IMG {
	MARGIN-BOTTOM: -5px;
	VERTICAL-ALIGN: text-bottom
}

.chatItem .cloudMesg {
	BORDER-BOTTOM: #979797 1px solid;
	BORDER-LEFT: #979797 1px solid;
	WIDTH: 194px;
	BORDER-TOP: #979797 1px solid;
	BORDER-RIGHT: #979797 1px solid;
	border-radius: 6px;
	box-shadow: 0px 1px 3px #9E9E9E;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px
}

.chatItem .cloudMesgWord.cloudMesg {
	HEIGHT: inherit
}

.chatItem .cloudMesgImg.cloudMesg {
	WIDTH: inherit;
	HEIGHT: inherit
}

.chatItem .chatItemContent .cloudMesg .cloudBody {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BORDER-TOP: medium none;
	BORDER-RIGHT: #63a308 9px solid;
	border-radius: 5px
}

.you .chatItemContent .cloudMesgLink .cloudBody {
	BACKGROUND-COLOR: #fafafa
}

.you .chatItemContent .cloudMesgFile .cloudBody {
	BACKGROUND-COLOR: #fafafa
}

.me .chatItemContent .cloudMesg .cloudBody {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-RIGHT: medium none;
	PADDING-TOP: 0px;
	border-radius: 6px 5px 5px 6px
}

.me .chatItemContent .cloudMesgLink .cloudBody {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BACKGROUND-COLOR: #eff0f4;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}

.me .chatItemContent .cloudMesgFile .cloudBody {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BACKGROUND-COLOR: #eff0f4;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}

.chatItem .cloudMesg .cloudContent {
	PADDING-BOTTOM: 2px;
	BACKGROUND-COLOR: #eff0f4;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 7px;
	PADDING-TOP: 4px
}

.you .cloudMesg .cloudContent {
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px
}

.chatItem .cloudMesg .cloudMesgPanel {
	PADDING-BOTTOM: 13px;
	PADDING-LEFT: 10px;
	WIDTH: 90%;
	PADDING-RIGHT: 10px;
	FONT-SIZE: 14px;
	PADDING-TOP: 13px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px
}

.chatItem .cloudMesgLink .cloudMesgPanel {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 10px;
	WIDTH: 90%;
	PADDING-RIGHT: 10px;
	FONT-SIZE: 14px;
	PADDING-TOP: 0px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px
}

.chatItem .cloudMesgFile .cloudMesgPanel {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 10px;
	WIDTH: 90%;
	PADDING-RIGHT: 10px;
	FONT-SIZE: 14px;
	PADDING-TOP: 0px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px
}

.chatItem .cloudMesg .cloudMesgPanel .cloudMesgContent P {
	LINE-HEIGHT: 1em;
	WIDTH: 90px;
	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	HEIGHT: 15px;
	COLOR: #1f252b;
	MAX-HEIGHT: 29px;
	OVERFLOW: hidden;
	-o-text-overflow: ellipsis
}

.chatItem .cloudMesg .cloudMesgPanel .cloudMesgContent SPAN {
	MARGIN-TOP: 0px;
	WIDTH: 100%;
	TEXT-OVERFLOW: ellipsis;
	DISPLAY: block;
	WHITE-SPACE: nowrap;
	HEIGHT: 17px;
	COLOR: #565c61;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	-o-text-overflow: ellipsis
}

.chatItem .cloudMesgWord .cloudContent {
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px
}

.me .cloudMesgWord .cloudContent {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.chatItem .cloudMesgImg.cloudMesg .cloudMesgPanel .cloudMesgWordPanel {
	LINE-HEIGHT: 0
}

.chatItem .cloudMesg .cloudMesgPanel .cloudMesgWordPanel {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.chatItem .cloudMesg .cloudMesgPanel .cloudMesgLinkFilePanel {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.chatItem .cloudMesg .cloudMesgPanel .cloudMesgWordPanel P {
	MAX-WIDTH: 183px;
	WORD-WRAP: break-word;
	WORD-BREAK: break-all
}

.chatItem .cloudMesgLink .cloudMesgLinkFilePanel .cloudMesgIcon {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 62px;
	PADDING-RIGHT: 0px;
	HEIGHT: 62px;
	MARGIN-LEFT: -5px;
	MARGIN-RIGHT: 13px;
	PADDING-TOP: 0px;
	box-shadow: 0px 1px 0px #FFF
}

.chatItem .cloudMesgFile .cloudMesgLinkFilePanel .cloudMesgIcon {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 62px;
	PADDING-RIGHT: 0px;
	HEIGHT: 62px;
	MARGIN-LEFT: -5px;
	MARGIN-RIGHT: 13px;
	PADDING-TOP: 0px;
	box-shadow: 0px 1px 0px #FFF
}

.you .cloudMesgAppEmojiPanel .cloudMesgIcon {
	FLOAT: left
}

.me .cloudMesgAppEmojiPanel .cloudMesgIcon {
	FLOAT: right
}

.chatItem .cloudMesgLink .cloudMesgLinkFilePanel .cloudMesgContent {
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 90px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.chatItem .cloudMesgFile .cloudMesgLinkFilePanel .cloudMesgContent {
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 90px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.me .cloudMesg .cloudArrow {
	POSITION: absolute;
	WIDTH: 13px;
	BACKGROUND: url(../images/cloud/bubble_openapi_right17ced3.png)
		no-repeat;
	HEIGHT: 24px;
	TOP: 10px;
	RIGHT: -12px
}

.you .cloudMesg .cloudArrow {
	POSITION: absolute;
	WIDTH: 13px;
	BACKGROUND: url(../images/cloud/bubble_openapi17ced3.png) no-repeat;
	HEIGHT: 24px;
	TOP: 10px;
	LEFT: -8px
}

.chatListloadingMoreMsg.chatItem {
	Z-INDEX: 1;
	POSITION: absolute;
	DISPLAY: none;
	TOP: 10px
}

.chatListloadingMoreMsg.chatItem .systemTip {
	BACKGROUND-COLOR: #e7eaec;
	COLOR: #95989a;
	opacity: 1
}

.customEmoji {
	WIDTH: 100px
}

.emojiPanel {
	Z-INDEX: 120;
	POSITION: absolute;
	ZOOM: 1
}

.bottle_mail .fast_rly .faceWrap {
	BOTTOM: 94px;
	LEFT: 15px
}

.replyContainer .faceWrap {
	BOTTOM: auto;
	TOP: 14px;
	LEFT: 68px
}

.replyContainer .touchWrap {
	BOTTOM: auto;
	TOP: 14px;
	LEFT: 68px
}

.replyContainer .sendImgWrap {
	BOTTOM: auto;
	TOP: 14px;
	LEFT: 68px
}

.replyContainer .trueBottleWrap {
	BOTTOM: auto;
	TOP: 14px;
	LEFT: 68px
}

.penfriendWrap {
	BOTTOM: auto;
	TOP: 14px;
	LEFT: 68px
}

.close_interact_wrap {
	BOTTOM: auto;
	TOP: 14px;
	LEFT: 68px
}

.bottle_send .sendImgWrap {
	WIDTH: 406px;
	BOTTOM: -2px;
	LEFT: 20px
}

.uploaded .selectPicPanel {
	DISPLAY: none
}

.faceBox {
	POSITION: relative;
	WIDTH: 435px;
	BACKGROUND: url(../images/qqSmilies17ced3.png) no-repeat;
	CLEAR: both;
	OVERFLOW: hidden;
	CURSOR: pointer
}

.faceBox A {
	BORDER-BOTTOM: #dfe6f6 1px solid;
	WIDTH: 28px;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 28px;
	BORDER-RIGHT: #dfe6f6 1px solid
}

.facePreview {
	BORDER-BOTTOM: #dfe6f6 1px solid;
	POSITION: absolute;
	TEXT-ALIGN: center;
	BORDER-LEFT: #dfe6f6 1px solid;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	WIDTH: 53px;
	PADDING-RIGHT: 1px;
	BACKGROUND: #008aff;
	HEIGHT: 53px;
	CLEAR: both;
	BORDER-TOP: #dfe6f6 1px solid;
	TOP: 0px;
	RIGHT: 1px;
	BORDER-RIGHT: #dfe6f6 1px solid;
	PADDING-TOP: 1px
}

.facePreview DIV {
	BORDER-BOTTOM: #e5f3ff 1px solid;
	BORDER-LEFT: #e5f3ff 1px solid;
	BACKGROUND: #fff;
	BORDER-TOP: #e5f3ff 1px solid;
	BORDER-RIGHT: #e5f3ff 1px solid;
	PADDING-TOP: 6px
}

.facePreview P {
	DISPLAY: block !important;
	HEIGHT: 28px;
	OVERFLOW: hidden
}

.facePreview .faceName {
	LINE-HEIGHT: 19px;
	BACKGROUND: #f1f1f1;
	HEIGHT: 17px;
	COLOR: #999
}

.facePreviewLeft {
	LEFT: 0px
}

.cmtTip {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.goTopBox {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.D {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.delChose {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.faceWrap {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.vloadWrap {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.mloadWrap {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.badgeTips {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.atWrap {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out
}

.faceWrap {
	Z-INDEX: 20;
	BORDER-BOTTOM: #cac8c8 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #cac8c8 1px solid;
	BACKGROUND-COLOR: #fff;
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	OUTLINE-WIDTH: medium;
	BORDER-TOP: #cac8c8 1px solid;
	BORDER-RIGHT: #cac8c8 1px solid;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 2px #CAC8C8;
	-o-box-shadow: 1px 1px 2px #CAC8C8;
	-ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.touchWrap {
	Z-INDEX: 20;
	BORDER-BOTTOM: #cac8c8 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #cac8c8 1px solid;
	BACKGROUND-COLOR: #fff;
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	OUTLINE-WIDTH: medium;
	BORDER-TOP: #cac8c8 1px solid;
	BORDER-RIGHT: #cac8c8 1px solid;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 2px #CAC8C8;
	-o-box-shadow: 1px 1px 2px #CAC8C8;
	-ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.sendImgWrap {
	Z-INDEX: 20;
	BORDER-BOTTOM: #cac8c8 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #cac8c8 1px solid;
	BACKGROUND-COLOR: #fff;
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	OUTLINE-WIDTH: medium;
	BORDER-TOP: #cac8c8 1px solid;
	BORDER-RIGHT: #cac8c8 1px solid;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 2px #CAC8C8;
	-o-box-shadow: 1px 1px 2px #CAC8C8;
	-ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.trueBottleWrap {
	Z-INDEX: 20;
	BORDER-BOTTOM: #cac8c8 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #cac8c8 1px solid;
	BACKGROUND-COLOR: #fff;
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	OUTLINE-WIDTH: medium;
	BORDER-TOP: #cac8c8 1px solid;
	BORDER-RIGHT: #cac8c8 1px solid;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 2px #CAC8C8;
	-o-box-shadow: 1px 1px 2px #CAC8C8;
	-ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.penfriendWrap {
	Z-INDEX: 20;
	BORDER-BOTTOM: #cac8c8 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #cac8c8 1px solid;
	BACKGROUND-COLOR: #fff;
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	OUTLINE-WIDTH: medium;
	BORDER-TOP: #cac8c8 1px solid;
	BORDER-RIGHT: #cac8c8 1px solid;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 2px #CAC8C8;
	-o-box-shadow: 1px 1px 2px #CAC8C8;
	-ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.faceWrap {
	Z-INDEX: 0;
	BORDER-BOTTOM: #9fa0a0 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #9fa0a0 1px solid;
	PADDING-BOTTOM: 20px;
	OVERFLOW-Y: hidden;
	BACKGROUND-COLOR: #fff;
	PADDING-LEFT: 20px;
	WIDTH: 434px;
	BOTTOM: 4px;
	PADDING-RIGHT: 20px;
	MARGIN-BOTTOM: 88px;
	BORDER-TOP: #9fa0a0 1px solid;
	BORDER-RIGHT: #9fa0a0 1px solid;
	PADDING-TOP: 46px;
	LEFT: 5px;
	_height: 172px;
	border-radius: 3px;
	box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
	-moz-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
	-o-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
	-ms-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57)
}

.faceWrap .tips_arrow {
	LEFT: 33px
}

.faceWrap .rabbitBox {
	
}

.faceWrap .rabbitContent {
	OVERFLOW-Y: auto;
	MARGIN-BOTTOM: -1px;
	HEIGHT: 203px;
	MARGIN-LEFT: -5px;
	MARGIN-RIGHT: -20px
}

.faceWrap .rabbitPanel {
	PADDING-LEFT: 2px;
	BACKGROUND: url(../images/tusiji_expression17ced3.png) no-repeat;
	HEIGHT: 352px
}

.faceWrap .rabbitBox A {
	BORDER-BOTTOM: medium none;
	WIDTH: 75px;
	DISPLAY: block;
	MARGIN-BOTTOM: 13px;
	FLOAT: left;
	HEIGHT: 78px;
	MARGIN-RIGHT: 16px;
	BORDER-RIGHT: medium none
}

.faceWrap .rabbitBox A:hover {
	BACKGROUND: url(../images/46017ced3.gif) no-repeat;
	-moz-background-size: 75px 77px;
	-webkit-background-size: 75px 77px;
	background-size: 75px 77px
}

.emojiPanel A.faceCloseIcon {
	Z-INDEX: 10;
	POSITION: absolute;
	WIDTH: 28px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -3px -846px;
	HEIGHT: 27px;
	TOP: -304px
}

.emojiPanel A.faceCloseIcon:hover {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -37px -846px
}

.emojiPanel A.faceCloseIcon:active {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -71px -846px
}

.emojiPanel A:hover {
	CURSOR: pointer
}

.emojiPanel .faceTriangle {
	Z-INDEX: 10;
	POSITION: absolute;
	WIDTH: 20px;
	DISPLAY: none;
	HEIGHT: 20px;
	MARGIN-LEFT: 14px;
	TOP: -67px
}

.emojiPanel .faceTrianglePanel {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.emojiPanel .faceTriangle .faceTriangle1 {
	BORDER-BOTTOM: transparent 8px solid;
	POSITION: absolute;
	BORDER-LEFT: transparent 8px solid;
	BORDER-TOP: #d3d0d0 8px solid;
	TOP: 1px;
	BORDER-RIGHT: transparent 8px solid;
	LEFT: 0px
}

.emojiPanel .faceTriangle .faceTriangle2 {
	BORDER-BOTTOM: transparent 8px solid;
	POSITION: absolute;
	BORDER-LEFT: transparent 8px solid;
	BORDER-TOP: #f6f8fb 8px solid;
	TOP: 0px;
	BORDER-RIGHT: transparent 8px solid;
	LEFT: 0px
}

.faceWrap .emojiBox {
	HEIGHT: 195px
}

.faceWrap .emojiBox .emojiContent {
	POSITION: relative;
	OVERFLOW-Y: auto;
	MARGIN: 7px -20px 12px 0px;
	HEIGHT: 203px;
	TOP: -7px
}

.emojiBox .emojiContent .emojiFacePanel {
	BACKGROUND: url(../images/emojiPanel17ced3.png) no-repeat;
	HEIGHT: 368px
}

.emojiBox .emojiContent .emojiFacePanel A {
	
}

.faceWrap .emojiBox A {
	BORDER-BOTTOM: #dfe6f6 1px solid;
	WIDTH: 28px;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 28px;
	BORDER-RIGHT: #dfe6f6 1px solid
}

.faceWrap A.borderRightNone {
	MARGIN-RIGHT: 0px;
	BORDER-RIGHT: medium none
}

.faceWrap A.borderBottomNone {
	BORDER-BOTTOM: medium none
}

.faceWrap .faceWrapFooter {
	POSITION: relative;
	MARGIN: 10px 0px 0px
}

UL.faceTab {
	Z-INDEX: 10;
	BORDER-BOTTOM: #d5d5d5 1px solid;
	POSITION: relative;
	BORDER-LEFT: #cac8c8 1px solid;
	PADDING-BOTTOM: 23px;
	BACKGROUND-COLOR: #f6f6f6;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px 0px 0px 5px;
	PADDING-LEFT: 17px;
	WIDTH: 457px;
	BOTTOM: 331px;
	FONT: bold 12px verdana, arial;
	HEIGHT: 6px;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px
}

UL.faceTab LI {
	BACKGROUND-COLOR: #f6f8fb;
	MARGIN: 0px;
	FLOAT: left;
	HEIGHT: 29px
}

UL.faceTab A:link {
	BORDER-LEFT: transparent 1px solid;
	PADDING-BOTTOM: 3px;
	LINE-HEIGHT: 21px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	FONT-FAMILY: Helvetica, Arial, "宋体", sans-serif;
	COLOR: #6b6b6b;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	BORDER-RIGHT: transparent 1px solid;
	TEXT-DECORATION: none;
	PADDING-TOP: 5px
}

UL.faceTab A:visited {
	BORDER-LEFT: transparent 1px solid;
	PADDING-BOTTOM: 3px;
	LINE-HEIGHT: 21px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	FONT-FAMILY: Helvetica, Arial, "宋体", sans-serif;
	COLOR: #6b6b6b;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	BORDER-RIGHT: transparent 1px solid;
	TEXT-DECORATION: none;
	PADDING-TOP: 5px
}

.rabbitBox A.r11:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_00217ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r12:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_00717ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r13:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_01017ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r14:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_01217ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r15:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_01317ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r21:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_01817ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r22:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_01917ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r23:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_02117ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r24:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_02217ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r25:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_02417ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r31:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_02717ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r32:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_02917ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r33:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_03017ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r34:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_03517ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r35:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_04017ced3.gif) #e9ecef
		no-repeat 5px 10px
}

.rabbitBox A.r41:hover {
	BACKGROUND: url(../images/emoji/rabbit/icon_02017ced3.gif) #e9ecef
		no-repeat 5px 10px
}

UL.faceTab A.chooseFaceTab {
	BORDER-BOTTOM: #fff 1px solid;
	BORDER-LEFT: #d5d5d5 1px solid;
	BACKGROUND-COLOR: #fff;
	BORDER-TOP: medium none;
	BORDER-RIGHT: #d5d5d5 1px solid
}

.faceWrap .faceBox .borderRight {
	BORDER-RIGHT: medium none
}

.faceWrap .faceBox .borderBottom {
	BORDER-BOTTOM: medium none
}

.faceWrap .faceWrapFooter .changePointPannel {
	MARGIN: 20px auto 0px;
	WIDTH: 36px;
	HEIGHT: 12px
}

.faceWrap .point1 A {
	WIDTH: 10px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -13px -1108px;
	FLOAT: left;
	HEIGHT: 10px;
	CURSOR: pointer
}

.faceWrap .point2 A {
	WIDTH: 10px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -13px -1108px;
	FLOAT: left;
	HEIGHT: 10px;
	CURSOR: pointer
}

.faceWrap .point3 A {
	WIDTH: 10px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -13px -1108px;
	FLOAT: left;
	HEIGHT: 10px;
	CURSOR: pointer
}

.faceWrap .point1 A:hover {
	BACKGROUND-POSITION: -1px -1108px
}

.faceWrap .point2 A:hover {
	BACKGROUND-POSITION: -1px -1108px
}

.faceWrap .point3 A:hover {
	BACKGROUND-POSITION: -1px -1108px
}

.faceWrap .postLocalFace {
	MARGIN: 4px 0px -7px;
	FLOAT: right;
	HEIGHT: 24px
}

.faceWrap .postLocalFace .postLocalFaceMiddle {
	BORDER-BOTTOM: #fff 1px solid;
	BACKGROUND-COLOR: #e9edf2;
	WIDTH: 120px;
	HEIGHT: 20px;
	BORDER-TOP: #dae0e5 1px solid;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px
}

.faceWrap .postLocalFace .postLocalFaceMiddle A {
	LINE-HEIGHT: 20px;
	HEIGHT: 20px;
	OVERFLOW: hidden;
	text-shadow: none
}

.faceWrap .postLocalFace A {
	WIDTH: 120px;
	FLOAT: left;
	COLOR: #8f969e
}

.faceWrap .postLocalFace A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	TEXT-DECORATION: underline
}

.faceWrap .postLocalFace .postLocalFaceMiddle .faceHook {
	BORDER-BOTTOM: #8b9096 5px solid;
	BORDER-LEFT: #e9edf2 5px solid;
	MARGIN: 3px 9px 0px;
	WIDTH: 0px;
	FLOAT: left;
	HEIGHT: 0px;
	BORDER-TOP: #e9edf2 5px solid;
	BORDER-RIGHT: #e9edf2 5px solid
}

.slidePic {
	POSITION: absolute;
	FLOAT: left
}

.slidePic A.iconClose {
	POSITION: fixed;
	BACKGROUND-COLOR: #393939;
	WIDTH: 50px;
	HEIGHT: 50px;
	TOP: 0px;
	RIGHT: 0px;
	border-radius: 0px 0px 0px 138px;
	-moz-border-radius: 0px 0px 0px 138px;
	-webkit-border-radius: 0px 0px 0px 138px
}

.slidePic .iconClose SPAN {
	MARGIN: 10px 5px 0px 0px;
	WIDTH: 34px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -38px -37px;
	FLOAT: right;
	HEIGHT: 34px
}

.slidePic IMG {
	Z-INDEX: 49;
	CURSOR: move;
	box-shadow: 0px 4px 30px #333
}

.chatPanel .toolbar {
	
}

.chatPanel .dragUploaderPanel {
	MARGIN: -189px 0px 0px
}

.chatPanel .dragUploaderPanel .close {
	POSITION: absolute;
	FONT-SIZE: 14px;
	RIGHT: 5px
}

.chatPanel .dragUploaderPanel DIV {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 170px;
	WIDTH: 100%;
	BACKGROUND: url(../images/illustration_chat17ced3.png) no-repeat 0px
		-407px;
	HEIGHT: 135px;
	COLOR: #536e82;
	text-shadow: 0 1px 0 #CFCFCF
}

.chatPanel .dragUploaderPanel .dragUploaderIcon {
	POSITION: absolute;
	WIDTH: 108px;
	DISPLAY: block;
	BACKGROUND: url(../images/illustration_chat17ced3.png) no-repeat 0px
		-170px;
	HEIGHT: 108px;
	TOP: -108px;
	LEFT: 180px
}

.chatPanel .inputArea {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 10px;
	HEIGHT: 43px;
	PADDING-TOP: 14px
}

.chatPanel .inputArea .attach {
	FLOAT: left
}

.chatPanel .inputArea .attach A.func {
	WIDTH: 34px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat 0px 0px;
	FLOAT: left;
	HEIGHT: 34px;
	MARGIN-RIGHT: 2px;
	TEXT-DECORATION: none
}

.chatPanel .inputArea .attach A.expression:link {
	BACKGROUND-POSITION: 3px -1px
}

.chatPanel .inputArea .attach A.expression:visited {
	BACKGROUND-POSITION: 3px -1px
}

.chatPanel .inputArea .attach A.expression:hover {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BACKGROUND-POSITION: -29px -1px;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}

.chatPanel .inputArea .attach A.expression:active {
	BACKGROUND-POSITION: -61px -1px
}

.chatPanel .inputArea .attach A.sendVoice:link {
	BACKGROUND-POSITION: -1px -66px
}

.chatPanel .inputArea .attach A.sendVoice:visited {
	BACKGROUND-POSITION: -1px -66px
}

.chatPanel .inputArea .attach A.sendVoice:hover {
	BACKGROUND-POSITION: -33px -66px
}

.chatPanel .inputArea .attach A.sendVoice:active {
	BACKGROUND-POSITION: -65px -66px
}

.chatPanel .inputArea .attach A.photoActive:link {
	BACKGROUND-POSITION: -4px -34px
}

.chatPanel .inputArea .attach A.photoActive:visited {
	BACKGROUND-POSITION: -4px -34px
}

.chatPanel .inputArea .attach A.photoActive:hover {
	BACKGROUND-POSITION: -32px -34px;
	CURSOR: pointer
}

.chatPanel .inputArea .attach A.photoActive:active {
	BACKGROUND-POSITION: -64px -34px
}

.chatPanel .inputArea .attach A.screensnap:link {
	BACKGROUND-POSITION: -1px -98px
}

.chatPanel .inputArea .attach A.screensnap:visited {
	BACKGROUND-POSITION: -1px -98px
}

.chatPanel .inputArea .attach A.screensnap:hover {
	BACKGROUND-POSITION: -32px -98px
}

.chatPanel .inputArea .attach A.screensnap:active {
	BACKGROUND-POSITION: -62px -98px
}

.chatPanel .inputArea .attach A.file:link {
	BACKGROUND-POSITION: 0px -34px
}

.chatPanel .inputArea .attach A.file:visited {
	BACKGROUND-POSITION: 0px -34px
}

.chatPanel .inputArea .attach A.file:hover {
	BACKGROUND-POSITION: -31px -34px
}

.chatPanel .inputArea .attach A.file:active {
	BACKGROUND-POSITION: -64px -34px
}

.chatPanel .chatInput {
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px 10px;
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	PADDING-LEFT: 10px;
	OUTLINE-WIDTH: medium;
	WIDTH: 400px;
	PADDING-RIGHT: 10px;
	FONT: 14px/1.2em Helvetica, "微软雅黑", "黑体", Arial, Tahoma;
	BACKGROUND: #fafafa;
	FLOAT: left;
	HEIGHT: 20px;
	BORDER-TOP: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-TOP: 7px;
	border-radius: 2px;
	box-shadow: 1px 1px 2px #bbb inset;
	resize: none
}

.chatPanel .chatInput:focus {
	BACKGROUND: #fff
}

.chatPanel .chatOperator {
	BORDER-BOTTOM: #ddd 1px solid;
	POSITION: relative;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #eaecee;
	HEIGHT: 55px;
	COLOR: #383e45;
	BORDER-TOP: #808384 1px solid;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px
}

A.chatSend {
	BORDER-BOTTOM: #29447e 1px solid;
	TEXT-ALIGN: center;
	BORDER-LEFT: #29447e 1px solid;
	MARGIN: 0px 1px 1px 0px;
	WIDTH: 80px;
	DISPLAY: block;
	BACKGROUND: #486cb4;
	FLOAT: right;
	HEIGHT: 28px;
	COLOR: #fff;
	BORDER-TOP: #29447e 1px solid;
	BORDER-RIGHT: #29447e 1px solid;
	TEXT-DECORATION: none;
	border-radius: 2px;
	box-shadow: 0 1px 3px #D9D9D9;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0 1px 1px #444
}

A.chatSend:active {
	BORDER-BOTTOM: #1b4ab2 1px solid;
	BORDER-LEFT: #1b4ab2 1px solid;
	BACKGROUND: #5f78ab;
	COLOR: #fff;
	BORDER-TOP: #1b4ab2 1px solid;
	BORDER-RIGHT: #1b4ab2 1px solid;
	box-shadow: 0 1px 3px #d3d3d3;
	text-shadow: 0 1px 1px #444
}

A.chatSend B {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 28px;
	DISPLAY: block;
	FONT-SIZE: 14px;
	BORDER-TOP: #7b8fb8 1px solid;
	border-radius: 3px;
	text-shadow: 0 -1px 0 #4f739f
}

.chatPanel .chatMainPanel {
	POSITION: absolute;
	WIDTH: 100%;
	border-radius: 2px 2px 6px 6px
}

.chatPanel .chatOperator A.chatSend:active B {
	BORDER-TOP: #5f78ab 1px solid
}

.chatDetails {
	POSITION: absolute;
	WIDTH: 100%;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px
}

.chatDetails .chatDetailsContent {
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #fff;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px
}

.chatDetails .chatDetailsContent .chatDetailsTitle {
	BORDER-BOTTOM: #dedede 1px solid;
	BORDER-LEFT: #dedede 1px solid;
	MARGIN-TOP: -53px;
	MARGIN-BOTTOM: 56px;
	HEIGHT: 33px;
	BORDER-TOP: #dedede 1px solid;
	BORDER-RIGHT: #dedede 1px solid;
	border-radius: 3px
}

.chatDetails .chatDetailsContent .chatDetailsTitle INPUT {
	BORDER-BOTTOM: medium none;
	POSITION: absolute;
	TEXT-ALIGN: center;
	BORDER-LEFT: medium none;
	WIDTH: 218px;
	FONT: 14px/30px Helvetica, "Microsoft YaHei", Arial, Tahoma;
	HEIGHT: 30px;
	COLOR: #65686e;
	BORDER-TOP: medium none;
	TOP: 1px;
	BORDER-RIGHT: medium none;
	LEFT: 1px
}

.chatDetails .chatDetailsContent .groupName {
	MARGIN: 10px 0px 0px 13px;
	WIDTH: 20px;
	DISPLAY: none;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -105px
		-1235px;
	HEIGHT: 20px
}

.chatDetails .chatDetailsContent H3 {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 32px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	BACKGROUND: #ececec;
	HEIGHT: 32px;
	BORDER-TOP: white 1px solid;
	BORDER-RIGHT: #d9d9d9 1px solid;
	PADDING-TOP: 0px
}

.chatDetails .chatDetailsContent .partiTitleName {
	BORDER-LEFT: white 1px solid;
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 33px;
	BACKGROUND-COLOR: #f9f9f9;
	PADDING-LEFT: 10px;
	WIDTH: 200px;
	TEXT-OVERFLOW: ellipsis;
	PADDING-RIGHT: 10px;
	WORD-WRAP: normal;
	WHITE-SPACE: nowrap;
	HEIGHT: 32px;
	COLOR: #65686e;
	OVERFLOW: hidden;
	BORDER-TOP: white 1px solid;
	CURSOR: pointer;
	PADDING-TOP: 0px;
	-o-text-overflow: ellipsis
}

.chatDetails .chatDetailsContent .partiTitleName .emoji {
	MARGIN-TOP: 5px
}

.chatDetails .chatDetailsContent .partiTitleName:hover {
	BACKGROUND: #ececec
}

.chatDetails .chatDetailsContent .partiTitleName INPUT {
	BORDER-BOTTOM: medium none;
	POSITION: absolute;
	BORDER-LEFT: medium none;
	WIDTH: 207px;
	FONT: 15px/30px Helvetica, "Microsoft YaHei", Arial, Tahoma;
	HEIGHT: 30px;
	BORDER-TOP: medium none;
	TOP: 0px;
	BORDER-RIGHT: medium none;
	LEFT: 0px
}

.chatDetails .exitGroup {
	BORDER-BOTTOM: #dedede 1px solid;
	BORDER-LEFT: #dedede 1px solid;
	MARGIN-TOP: 3px;
	WIDTH: 146px;
	DISPLAY: none;
	MARGIN-BOTTOM: 2px;
	HEIGHT: 33px;
	BORDER-TOP: #dedede 1px solid;
	BORDER-RIGHT: #dedede 1px solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.chatDetails .exitGroupPanel {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #fff 1px solid;
	PADDING-TOP: 0px
}

.chatDetails .exitGroupPanel .exitGroupIcon {
	WIDTH: 38px;
	BACKGROUND: url(../images/button_chat1832d7.png) #ececec no-repeat
		-144px -1224px;
	HEIGHT: 32px;
	BORDER-RIGHT: #d9d9d9 1px solid;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.chatDetails .exitGroupPanel .exitGroupWorld {
	TEXT-ALIGN: center;
	BORDER-LEFT: #fff 1px solid;
	LINE-HEIGHT: 32px;
	BACKGROUND-COLOR: #f7f7f7;
	WIDTH: 106px;
	HEIGHT: 32px;
	COLOR: #65686e;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	text-shadow: 0px 1px 0px #fff;
	border-bottom-right-radius: 3px
}

.chatDetails .exitGroupPanel A.exitGroupWorld:hover {
	BACKGROUND-COLOR: #ececec;
	TEXT-DECORATION: none
}

.chatDetails .section {
	PADDING-BOTTOM: 16px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	OVERFLOW: hidden;
	PADDING-TOP: 70px
}

.chatDetails .section SPAN {
	
}

.chatDetails .participant {
	BORDER-BOTTOM: #e3e7ed 1px solid;
	BORDER-LEFT: #e3e7ed 1px solid;
	PADDING-BOTTOM: 14px;
	OVERFLOW-Y: auto;
	BACKGROUND-COLOR: #f6f9fc;
	MARGIN: 10px 12px 0px;
	PADDING-LEFT: 22px;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #e3e7ed 1px solid;
	BORDER-RIGHT: #e3e7ed 1px solid;
	PADDING-TOP: 14px
}

.chatDetails .participant .contr {
	PADDING-TOP: 10px
}

.chatDetails .chatPerson {
	BORDER-BOTTOM: #dbe3ed 1px solid;
	POSITION: relative;
	BORDER-LEFT: #dbe3ed 1px solid;
	BACKGROUND-COLOR: #fff;
	MARGIN-BOTTOM: 7px;
	HEIGHT: 128px;
	BORDER-TOP: #dbe3ed 1px solid;
	MARGIN-RIGHT: 12px;
	BORDER-RIGHT: #dbe3ed 1px solid;
	box-shadow: 0px 1px 1px #EEF1F4
}

.chatDetails .chatPerson A {
	PADDING-BOTTOM: 10px;
	LINE-HEIGHT: 0;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	PADDING-TOP: 10px
}

.chatDetails .chatPerson:hover {
	BACKGROUND-COLOR: #e5eaef
}

.chatDetails .chatPerson .personClose {
	DISPLAY: none
}

.chatDetails .chatPerson:hover .personClose {
	POSITION: absolute;
	MARGIN-TOP: -11px;
	WIDTH: 12px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat 1px -813px;
	HEIGHT: 12px;
	TOP: 0px;
	RIGHT: 0px;
	MARGIN-RIGHT: -16px
}

.chatDetails .chatPerson:hover .personClose:hover {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -34px -813px
}

.chatDetails .chatPerson IMG {
	WIDTH: 80px;
	HEIGHT: 80px
}

.chatDetails .chatPerson .participantName {
	TEXT-ALIGN: center;
	MARGIN: 0px 10px;
	WIDTH: 80px;
	TEXT-OVERFLOW: ellipsis;
	WORD-WRAP: normal;
	WHITE-SPACE: nowrap;
	COLOR: #5a5959;
	OVERFLOW: hidden;
	o-text-overflow: ellipsis
}

.chatDetails .chatPerson .participantFemale {
	MARGIN-TOP: -2px;
	WIDTH: 20px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat;
	FLOAT: left;
	HEIGHT: 20px
}

.chatDetails .chatPerson .participantMale {
	MARGIN-TOP: -2px;
	WIDTH: 20px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat;
	FLOAT: left;
	HEIGHT: 20px
}

.chatDetails .chatPerson .participantFemale {
	BACKGROUND-POSITION: -79px -1232px
}

.chatDetails .chatPerson .participantMale {
	BACKGROUND-POSITION: -60px -1232px
}

.chatDetails .addButton {
	BORDER-BOTTOM: #d0d0d0 1px dashed;
	BORDER-LEFT: #d0d0d0 1px dashed;
	WIDTH: 100px;
	HEIGHT: 128px;
	BORDER-TOP: #d0d0d0 1px dashed;
	CURSOR: pointer;
	BORDER-RIGHT: #d0d0d0 1px dashed
}

.chatDetails .addButton:hover {
	BACKGROUND-COLOR: #e5eaef
}

.chatDetails .addButton A {
	PADDING-BOTTOM: 0px;
	MARGIN: 48px auto;
	PADDING-LEFT: 0px;
	WIDTH: 28px;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -4px -1010px;
	HEIGHT: 30px;
	PADDING-TOP: 0px
}

.chatDetails .addButton:hover A {
	BACKGROUND-POSITION: -34px -1010px
}

.chatPanel .chatScroll {
	BORDER-BOTTOM: #ddd 1px solid
}

.wx_ico_video {
	Z-INDEX: 3;
	POSITION: absolute;
	FILTER: alpha(opacity = 80);
	MARGIN: -18px 0px 0px -18px;
	WIDTH: 36px;
	DISPLAY: inline-block;
	BACKGROUND: url(../images/ico_video17ced3.png) no-repeat;
	HEIGHT: 36px;
	TOP: 50%;
	CURSOR: pointer;
	LEFT: 50%;
	opacity: 0.8;
	_background: none;
	-moz-transition: opacity 0.1s ease-in;
	-webkit-transition: opacity 0.1s ease-in;
	-o-transition: opacity 0.1s ease-in
}

.wx_ico_video:hover {
	FILTER: none;
	opacity: 1
}

.wx_video_duration {
	Z-INDEX: 3;
	POSITION: relative;
	TEXT-ALIGN: right;
	FILTER: alpha(opacity = 60);
	LINE-HEIGHT: 20px;
	MARGIN-TOP: -20px;
	PADDING-RIGHT: 8px;
	BACKGROUND: #000000;
	COLOR: #ffffff;
	border-radius: 0 0 1px 1px;
	text-shadow: none;
	_margin-right: 1px
}

.footer {
	POSITION: absolute;
	WIDTH: 376px;
	BOTTOM: 20px;
	BACKGROUND: url(../images/button_login17ced3.png) no-repeat -12px -181px;
	COLOR: #242627;
	MARGIN-LEFT: -188px;
	LEFT: 50%;
	text-shadow: 0 1px 0 #5B5C5E
}

A.icon_faq {
	MARGIN: 0px auto;
	WIDTH: 37px;
	DISPLAY: block
}

A.icon_faq IMG {
	WIDTH: 37px;
	BACKGROUND: url(../images/button_login17ced3.png) no-repeat 0px -1px;
	HEIGHT: 37px
}

A.icon_faq:hover IMG {
	
}

A.icon_faq:active IMG {
	BACKGROUND-POSITION: -38px -2px
}

.chatPanel .activeChatVernier {
	POSITION: absolute;
	WIDTH: 34px;
	TOP: 153px
}

.chatPanel .activeChatVernier IMG {
	WIDTH: 16px;
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat -8px -40px;
	HEIGHT: 16px;
	_margin-left: -20px;
	_margin-top: 50px
}

.iconOperater {
	POSITION: absolute;
	TEXT-INDENT: -9999px;
	WIDTH: 12px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -2px -96px;
	HEIGHT: 12px;
	TOP: 14px;
	RIGHT: 10px
}

A.iconOperater:active {
	BACKGROUND-POSITION: -17px -96px
}

.operaterBox {
	Z-INDEX: 999;
	BORDER-BOTTOM: #a2acb4 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #a2acb4 1px solid;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #fff;
	PADDING-LEFT: 0px;
	WIDTH: 140px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #a2acb4 1px solid;
	TOP: 43px;
	RIGHT: 2px;
	BORDER-RIGHT: #a2acb4 1px solid;
	PADDING-TOP: 0px;
	border-radius: 3px;
	box-shadow: 0px 1px 7px #8D8D8D;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.operaterBox .operaterBoxPanel {
	POSITION: relative
}

.operaterBox .operaterBoxPanel A.iconLogout {
	BORDER-BOTTOM: #c0c5c9 1px solid;
	PADDING-BOTTOM: 6px;
	LINE-HEIGHT: 21px;
	MARGIN: 0px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	COLOR: #000;
	FONT-SIZE: 12px;
	PADDING-TOP: 7px
}

.operaterBox .operaterBoxPanel A.voiceCancel {
	BORDER-BOTTOM: #c0c5c9 1px solid;
	PADDING-BOTTOM: 6px;
	LINE-HEIGHT: 21px;
	MARGIN: 0px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	COLOR: #000;
	FONT-SIZE: 12px;
	PADDING-TOP: 7px
}

.operaterBox .operaterBoxPanel A.DesktopRemind {
	BORDER-BOTTOM: #c0c5c9 1px solid;
	PADDING-BOTTOM: 6px;
	LINE-HEIGHT: 21px;
	MARGIN: 0px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	COLOR: #000;
	FONT-SIZE: 12px;
	PADDING-TOP: 7px
}

.operaterBox .operaterBoxPanel A.addFriends {
	BORDER-BOTTOM: #c0c5c9 1px solid;
	PADDING-BOTTOM: 6px;
	LINE-HEIGHT: 21px;
	MARGIN: 0px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	COLOR: #000;
	FONT-SIZE: 12px;
	PADDING-TOP: 7px
}

.operaterBox A.feedback {
	BORDER-BOTTOM: #c0c5c9 1px solid;
	PADDING-BOTTOM: 6px;
	LINE-HEIGHT: 21px;
	MARGIN: 0px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	COLOR: #000;
	FONT-SIZE: 12px;
	PADDING-TOP: 7px
}

.operaterBox .operaterBoxPanel A.iconLogout {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}

.operaterBox .operaterBoxPanel A.voiceCancel {
	
}

.operaterBox .operaterBoxPanel A.DesktopRemind {
	
}

.operaterBox .operaterBoxPanel A:active {
	BACKGROUND-COLOR: #1960ae;
	COLOR: #fff;
	text-shadow: none
}

.operaterBox .operaterBoxPanel .iconPic {
	WIDTH: 20px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat;
	HEIGHT: 20px;
	MARGIN-LEFT: 6px;
	MARGIN-RIGHT: 6px
}

.operaterBox .operaterBoxPanel .addFriends .iconPic {
	BACKGROUND-POSITION: -118px -599px
}

.operaterBox .operaterBoxPanel .iconLogout .iconPic {
	BACKGROUND-POSITION: -5px -599px
}

.operaterBox .operaterBoxPanel .voiceCancel .iconPic {
	BACKGROUND-POSITION: -26px -599px
}

.operaterBox .operaterBoxPanel .DesktopRemind .iconPic {
	BACKGROUND-POSITION: -71px -599px
}

.operaterBox .operaterBoxPanel .addFriends:active .iconPic {
	BACKGROUND-POSITION: -118px -570px
}

.operaterBox .operaterBoxPanel A.iconLogout:active .iconPic {
	BACKGROUND-POSITION: -5px -570px
}

.operaterBox .operaterBoxPanel A.voiceCancel:active .iconPic {
	BACKGROUND-POSITION: -26px -570px
}

.operaterBox .operaterBoxPanel A.DesktopRemind:active .iconPic {
	BACKGROUND-POSITION: -71px -570px
}

.operaterBox .operaterBoxPanel .DesktopRemind .iconPicDeskRem {
	BACKGROUND-POSITION: -95px -599px
}

.operaterBox .operaterBoxPanel .voiceCancel .iconPicVoice {
	BACKGROUND-POSITION: -50px -599px
}

.operaterBox .operaterBoxPanel A.voiceCancel:active .iconPicVoice {
	BACKGROUND-POSITION: -50px -570px
}

.operaterBox .operaterBoxPanel A.DesktopRemind:active .iconPicDeskRem {
	BACKGROUND-POSITION: -95px -570px
}

.operaterBox .operaterBoxPanel .feedback .iconFeedback {
	BACKGROUND-POSITION: -140px -599px
}

.operaterBox .operaterBoxPanel A.feedback:active .iconFeedback {
	BACKGROUND-POSITION: -140px -570px
}

.chatPanel A.iconCreateNewChat {
	BORDER-BOTTOM: #c9cacd 1px solid;
	POSITION: relative;
	BORDER-LEFT: #fff 1px solid;
	WIDTH: 178px;
	DISPLAY: block;
	HEIGHT: 54px;
	COLOR: #434950;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid;
	TEXT-DECORATION: none;
	border-radius: 6px 6px 0 0;
	text-shadow: 0 1px 0 #fff
}

.chatPanel A.iconCreateNewChat:after {
	BORDER-BOTTOM: #e2e5e7 9px solid;
	POSITION: absolute;
	BORDER-LEFT: transparent 9px solid;
	WIDTH: 0px;
	DISPLAY: block;
	HEIGHT: 0px;
	BORDER-TOP: transparent 9px solid;
	CONTENT: "";
	TOP: -18px;
	RIGHT: 29px;
	BORDER-RIGHT: transparent 9px solid
}

.chatPanel A.iconCreateNewChat:before {
	BORDER-BOTTOM: #fff 9px solid;
	POSITION: absolute;
	BORDER-LEFT: transparent 9px solid;
	WIDTH: 0px;
	DISPLAY: block;
	HEIGHT: 0px;
	BORDER-TOP: transparent 9px solid;
	CONTENT: "";
	TOP: -19px;
	RIGHT: 29px;
	BORDER-RIGHT: transparent 9px solid
}

.chatPanel A.iconCreateNewChat SPAN.iconPic {
	MARGIN: 17px 0px 0px 22px;
	WIDTH: 28px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -4px -564px;
	FLOAT: left;
	HEIGHT: 26px
}

.chatPanel A.iconCreateNewChat SPAN.desc {
	MARGIN: 20px 0px 0px 10px;
	FLOAT: left
}

.chatPanel A.iconCreateNewChat:hover {
	BORDER-BOTTOM: #5f6369 1px solid;
	BORDER-LEFT: #727c86 1px solid;
	BACKGROUND: #7d8792;
	BORDER-TOP: #727c86 1px solid;
	BORDER-RIGHT: #727c86 1px solid
}

.chatPanel A.iconCreateNewChat:hover:after {
	BORDER-BOTTOM-COLOR: #7d8792
}

.chatPanel A.iconCreateNewChat:hover:before {
	BORDER-BOTTOM-COLOR: #727c86
}

.chatPanel A.iconCreateNewChat:hover SPAN.iconPic {
	BACKGROUND-POSITION: -38px -564px
}

.chatPanel A.iconCreateNewChat:hover SPAN.desc {
	COLOR: #fff;
	text-shadow: 0 1px 0 #585f66
}

.chatPanel A.iconLogout:hover SPAN.desc {
	COLOR: #fff;
	text-shadow: 0 1px 0 #585f66
}

.chatPanel A.iconLogout SPAN.desc {
	MARGIN: 4px 0px 0px 10px;
	FLOAT: left
}

.chatPanel A.iconCloseChat {
	Z-INDEX: 1;
	POSITION: absolute;
	MARGIN: 7px 9px 0px 0px;
	WIDTH: 30px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) 0px -462px;
	HEIGHT: 30px;
	RIGHT: 0px;
	_margin-left: -500px
}

.chatPanel .backToChat {
	POSITION: absolute;
	MARGIN-TOP: 1px;
	WIDTH: 59px;
	HEIGHT: 46px;
	TOP: 0px
}

.chatPanel .rightOpBtn {
	POSITION: absolute;
	MARGIN-TOP: 1px;
	WIDTH: 59px;
	HEIGHT: 46px;
	TOP: 0px
}

.chatPanel .backToChat {
	LEFT: 0px
}

.chatPanel .rightOpBtn {
	RIGHT: 0px
}

.chatPanel .singleChat A {
	Z-INDEX: 1;
	POSITION: absolute;
	WIDTH: 32px;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat;
	HEIGHT: 37px
}

.chatPanel .groupChat A {
	Z-INDEX: 1;
	POSITION: absolute;
	WIDTH: 32px;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat;
	HEIGHT: 37px
}

.chatPanel .backToChat A {
	Z-INDEX: 1;
	POSITION: absolute;
	WIDTH: 32px;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat;
	HEIGHT: 37px
}

.chatPanel .singleChat A {
	MARGIN-TOP: 6px;
	WIDTH: 27px;
	DISPLAY: block;
	BACKGROUND-POSITION: -102px -91px;
	RIGHT: 0px;
	MARGIN-RIGHT: 10px
}

.chatPanel .singleChat A:active {
	DISPLAY: block;
	BACKGROUND-POSITION: -129px -91px
}

.chatPanel .groupChat A {
	POSITION: absolute;
	MARGIN-TOP: 6px;
	WIDTH: 27px;
	DISPLAY: block;
	BACKGROUND-POSITION: -62px -91px;
	HEIGHT: 25px;
	RIGHT: 0px;
	MARGIN-RIGHT: 10px
}

.chatPanel .groupChat A:active {
	BACKGROUND-POSITION: -90px -91px
}

.chatPanel .backToChat A {
	POSITION: absolute;
	MARGIN-TOP: 2px;
	WIDTH: 18px;
	DISPLAY: block;
	BACKGROUND-POSITION: -29px -92px;
	HEIGHT: 28px;
	TOP: 5px;
	LEFT: 10px
}

.chatPanel .backToChat A:active {
	BACKGROUND-POSITION: -45px -92px
}

.chatPanel A.iconCloseChat:hover {
	BACKGROUND-POSITION: -34px -462px
}

.chatPanel A.iconCloseChat:active {
	BACKGROUND-POSITION: -68px -462px
}

.complexDialog {
	POSITION: absolute;
	TEXT-ALIGN: left;
	border-radius: 8px
}

.complexDialog .titleContainer {
	BACKGROUND: url(../images/bg_top17ced3.png) #50555c;
	border-radius: 4px 4px 0 0
}

.complexDialog .title {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 5px;
	HEIGHT: 45px;
	PADDING-TOP: 0px;
	border-radius: 4px 4px 0 0
}

.complexDialog .title H3 {
	LINE-HEIGHT: 50px;
	COLOR: #fff;
	FONT-SIZE: 15px;
	FONT-WEIGHT: normal;
	text-shadow: none
}

.complexDialog .title A.iconTitleClose {
	MARGIN: 7px 6px 8px;
	FLOAT: right
}

.complexDialog .title A.iconTitleClose IMG {
	WIDTH: 34px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat 0px -460px;
	HEIGHT: 34px
}

.complexDialog .title A.iconTitleClose:active IMG {
	WIDTH: 34px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -32px -460px;
	HEIGHT: 34px
}

.complexDialog .title .iconTitleCreateNewChat {
	WIDTH: 30px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -100px -527px;
	HEIGHT: 30px;
	VERTICAL-ALIGN: middle
}

.complexDialog .content {
	MARGIN-TOP: -1px;
	BACKGROUND: #f8f8f8;
	border-radius: 0 0 4px 4px
}

.createNewChat {
	Z-INDEX: 999;
	WIDTH: 400px;
	TOP: 200px;
	LEFT: 400px
}

.createNewChat .selectFriendContainer {
	
}

.createNewChat .selectGroupContainer {
	
}

.createNewChat .choosePersGroup {
	BORDER-BOTTOM: #dee6e9 1px solid;
	WIDTH: 100%;
	HEIGHT: 33px;
	FONT-SIZE: 14px
}

.createNewChat .choosePersGroup A {
	text-shadow: none
}

.createNewChat .choosePersGroup .selectPersChat {
	BORDER-BOTTOM: #97a1a9 1px solid;
	TEXT-ALIGN: center;
	BORDER-LEFT: #abb5bd 1px solid;
	LINE-HEIGHT: 33px;
	BACKGROUND-COLOR: #abb5bd;
	WIDTH: 198px;
	HEIGHT: 100%;
	COLOR: #495157;
	BORDER-TOP: #c5cdd3 1px solid;
	BORDER-RIGHT: #7e868c 1px solid
}

.createNewChat .choosePersGroup A:hover DIV {
	BACKGROUND: #abb5bd
}

.createNewChat .choosePersGroup A:hover {
	TEXT-DECORATION: none
}

.createNewChat .choosePersGroup .selectGroupChat {
	BORDER-BOTTOM: #96a2a9 1px solid;
	TEXT-ALIGN: center;
	BORDER-LEFT: #bdc5cb 1px solid;
	LINE-HEIGHT: 33px;
	BACKGROUND-COLOR: #abb5bd;
	MARGIN-TOP: -9px;
	WIDTH: 198px;
	HEIGHT: 100%;
	COLOR: #495157;
	BORDER-TOP: #c3cbd1 1px solid;
	BORDER-RIGHT: #abb5bd 1px solid
}

.createNewChat .choosePersGroup .selectedChat {
	BACKGROUND: #c5cdd3
}

.createNewChat .choosePersGroup A:hover .selectedChat {
	BACKGROUND: #c5cdd3
}

.createNewChat .selectFriendContainer .search {
	BORDER-BOTTOM: #aaa 1px solid;
	PADDING-BOTTOM: 8px;
	MARGIN-TOP: 1px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	BACKGROUND: #ced7dc;
	BORDER-TOP: #fff 1px solid;
	PADDING-TOP: 7px
}

.createNewChat .selectFriendContainer .searchBar {
	BORDER-BOTTOM: #aaa 1px solid;
	TEXT-ALIGN: left;
	BORDER-LEFT: #aaa 1px solid;
	LINE-HEIGHT: 28px;
	WIDTH: 100%;
	DISPLAY: block;
	BACKGROUND: #fff;
	HEIGHT: 26px;
	BORDER-TOP: #aaa 1px solid;
	BORDER-RIGHT: #aaa 1px solid;
	border-radius: 28px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}

.createNewChat .selectFriendContainer .searchBar .iconSearch {
	MARGIN: 4px 0px 5px 7px;
	WIDTH: 18px;
	BACKGROUND: url(../images/icon_chat17ced3.png) no-repeat -40px -167px;
	FLOAT: left;
	HEIGHT: 18px
}

.createNewChat .selectFriendContainer .searchBar INPUT {
	BORDER-BOTTOM: #ffffff 0px solid;
	BORDER-LEFT: #ffffff 0px solid;
	LINE-HEIGHT: 25px;
	WIDTH: 86%;
	FLOAT: left;
	HEIGHT: 24px;
	COLOR: #666666;
	FONT-SIZE: 14px;
	BORDER-TOP: #ffffff 0px solid;
	BORDER-RIGHT: #ffffff 0px solid
}

.createNewChat .selectFriendContainer .searchBar .searchClean {
	WIDTH: 21px;
	BACKGROUND: url(../images/searchCloseIcon17ced3.png) no-repeat 0px
		center;
	HEIGHT: 25px;
	CURSOR: pointer
}

.createNewChat .friendList {
	OVERFLOW-X: hidden;
	BACKGROUND-COLOR: #f5f5f5;
	HEIGHT: 373px;
	OVERFLOW: auto;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px
}

.createNewChat .selectGroupContainer .friendList {
	BACKGROUND-COLOR: #f5f5f5;
	BORDER-TOP: #888 1px solid
}

.createNewChat .groupTitle {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 3px;
	LINE-HEIGHT: 20px;
	PADDING-LEFT: 31px;
	PADDING-RIGHT: 31px;
	DISPLAY: block;
	COLOR: #536175;
	FONT-SIZE: 12px;
	BORDER-TOP: #d0d8e2 1px solid;
	TEXT-DECORATION: none;
	PADDING-TOP: 8px;
	text-shadow: none
}

.createNewChat .groupTitle .lapIcon {
	WIDTH: 17px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -109px -34px;
	HEIGHT: 20px
}

.createNewChat A.groupTitle:active .lapIcon {
	BACKGROUND-POSITION: -121px -34px
}

.createNewChat .groupTitle .lapedIcon {
	BACKGROUND-POSITION: -135px -34px
}

.createNewChat A.groupTitle:active .lapedIcon {
	BACKGROUND-POSITION: -149px -34px
}

.createNewChat .groupTitle .lapIcon .createNewChat .starFriendsTitle {
	BORDER-TOP: #f7f7f7 1px solid
}

.createNewChat .groupTitle .iconFavoriteFriend {
	WIDTH: 22px;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -91px -35px;
	HEIGHT: 18px;
	MARGIN-LEFT: -24px;
	VERTICAL-ALIGN: top
}

.createNewChat .groupTitle .groupTitleLetter {
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold
}

.createNewChat A.friendDetail {
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 32px;
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	BACKGROUND: #f5f5f5;
	CURSOR: pointer;
	PADDING-TOP: 5px
}

.createNewChat A.friendDetail .name {
	WIDTH: 300px;
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 306px;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
	-o-text-overflow: ellipsis
}

.createNewChat A.friendDetail SPAN.photoEnter {
	DISPLAY: none
}

.createNewChat A.friendDetail:hover {
	BACKGROUND: #eef3f4;
	TEXT-DECORATION: none
}

.createNewChat A.friendDetail:hover SPAN.photoEnter {
	DISPLAY: inline
}

.createNewChat A.activeColumn {
	BACKGROUND-COLOR: #7a869c
}

.createNewChat A.activeColumn:hover {
	BACKGROUND-COLOR: #b8b7b5
}

.createNewChat A.activeColumn .nickName {
	COLOR: #fff;
	text-shadow: none
}

.createNewChat .friendDetail .checkbox {
	MARGIN: 3px 5px 3px 0px;
	WIDTH: 34px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat 0px -493px;
	FLOAT: left;
	HEIGHT: 34px
}

.createNewChat .friendDetail .checkbox IMG {
	WIDTH: 34px;
	HEIGHT: 34px
}

.createNewChat .friendDetail .checked IMG {
	WIDTH: 34px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -34px -493px;
	HEIGHT: 34px
}

.createNewChat .friendDetail .avatar {
	WIDTH: 36px;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 36px
}

.createNewChat .friendDetail .avatar IMG {
	BORDER-BOTTOM: #fff 1px solid;
	BORDER-LEFT: #fff 1px solid;
	WIDTH: 33px;
	DISPLAY: block;
	HEIGHT: 33px;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid
}

.createNewChat .friendDetail .nickName {
	TEXT-ALIGN: left;
	MARGIN-TOP: 5px;
	TEXT-OVERFLOW: ellipsis;
	DISPLAY: block;
	WORD-WRAP: normal;
	WHITE-SPACE: nowrap;
	FLOAT: left;
	COLOR: #343434;
	MARGIN-LEFT: 10px;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	PADDING-TOP: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
}

.createNewChat .friendDetail .photoEnter {
	MARGIN-TOP: 4px;
	WIDTH: 23px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -116px -124px;
	HEIGHT: 25px
}

.createNewChat .friendDetail .photoEnter:active {
	BACKGROUND-POSITION: -143px -124px
}

.createNewChat .friendDetail .nickName .emoji {
	MARGIN-TOP: 0px;
	VERTICAL-ALIGN: bottom
}

.createNewChat .friendDetail .nickName .name {
	MARGIN-TOP: -4px;
	WIDTH: 180px;
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 187px;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
	PADDING-TOP: 4px;
	-o-text-overflow: ellipsis
}

.hasSysScroll .createNewChat .friendDetail .nickName .name {
	MAX-WIDTH: 170px
}

.createNewChat.complexDialog .friendDetail .nickName {
	MAX-WIDTH: 250px
}

.createNewChat.complexDialog .friendDetail .nickName .personNum {
	COLOR: #a3a3a2;
	MARGIN-LEFT: 5px
}

.createNewChat.complexDialog .friendDetail .nickName .name {
	MARGIN-TOP: -5px;
	WIDTH: 223px;
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 261px;
	WORD-WRAP: normal;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
	PADDING-TOP: 5px;
	-o-text-overflow: ellipsis
}

.createNewChat A.activeColumn .avatar IMG {
	BORDER-BOTTOM: #fff 1px solid;
	BORDER-LEFT: #fff 1px solid;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid
}

.createNewChat .selectedPanel {
	DISPLAY: none;
	HEIGHT: 70px
}

.createNewChat .selectedPanel A.arrowLeft {
	WIDTH: 40px;
	FLOAT: left;
	HEIGHT: 70px;
	CURSOR: pointer
}

.createNewChat .selectedPanel A.arrowRight {
	WIDTH: 40px;
	FLOAT: right;
	HEIGHT: 70px;
	CURSOR: pointer
}

.createNewChat .selectedPanel A.arrowLeft IMG {
	MARGIN: 26px 11px;
	WIDTH: 18px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat;
	HEIGHT: 18px
}

.createNewChat .selectedPanel A.arrowRight IMG {
	MARGIN: 26px 11px;
	WIDTH: 18px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat;
	HEIGHT: 18px
}

.createNewChat .selectedPanel A.arrowLeft IMG {
	BACKGROUND-POSITION: -7px -748px
}

.createNewChat .selectedPanel A.arrowRight IMG {
	BACKGROUND-POSITION: -7px -782px
}

.createNewChat .selectedPanel A.arrowLeft:hover IMG {
	BACKGROUND-POSITION: -41px -748px
}

.createNewChat .selectedPanel A.arrowRight:hover IMG {
	BACKGROUND-POSITION: -41px -782px
}

.createNewChat .selectedPanel .selectedList {
	POSITION: relative;
	HEIGHT: 70px;
	OVERFLOW: hidden
}

.createNewChat .selectedPanel .selectedListScroll {
	POSITION: absolute
}

.createNewChat .selectedPanel .selectedList SPAN {
	POSITION: relative;
	MARGIN: 16px 11px 0px 5px;
	FLOAT: left
}

.createNewChat .selectedPanel .selectedList .avatar {
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	WIDTH: 48px;
	HEIGHT: 48px;
	BORDER-TOP: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid;
	border-radius: 4px;
	box-shadow: 0 1px 0 #999
}

.createNewChat .selectedPanel .selectedList:hover .iconRemove {
	POSITION: absolute;
	MARGIN: -12px 0px 0px 35px;
	WIDTH: 25px;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -4px -813px;
	HEIGHT: 25px;
	CURSOR: pointer
}

.createNewChat .selectedPanel .selectedList .iconRemove:hover {
	BACKGROUND-POSITION: -39px -813px
}

.complexDialog .operationBar {
	BORDER-BOTTOM: #aaa 1px solid;
	TEXT-ALIGN: center;
	BACKGROUND: #c5cace;
	HEIGHT: 60px;
	BORDER-TOP: #fff 1px solid;
	border-radius: 0 0 4px 4px
}

.complexDialog .operationBar .chatSend {
	MARGIN: 12px auto;
	FLOAT: none
}

.faqPanel {
	Z-INDEX: 1009;
	WIDTH: 500px;
	TOP: 200px;
	LEFT: 100px
}

.faqPanel .titleContainer {
	BACKGROUND: #8eb8ca
}

.faqPanel .title A.iconTitleClose {
	
}

.faqPanel .title A.iconTitleClose IMG {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat 0px -428px
}

.faqPanel .title A.iconTitleClose:hover IMG {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -34px -428px
}

.faqPanel .title A.iconTitleClose:active IMG {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -68px -428px
}

.faqPanel .title H3 {
	COLOR: #759dae;
	MARGIN-LEFT: 5px;
	FONT-SIZE: 24px;
	FONT-WEIGHT: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}

.faqPanel .content {
	PADDING-BOTTOM: 30px;
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 30px;
	COLOR: #666;
	PADDING-TOP: 30px;
	text-shadow: none
}

.faqPanel .content DT {
	COLOR: #444
}

.faqPanel .content DD {
	MARGIN-BOTTOM: 20px
}

.faqPanel .content OL LI {
	LIST-STYLE-TYPE: disc;
	MARGIN-LEFT: 23px
}

.faqPanel .tips {
	COLOR: #77a5b9
}

.imageView {
	POSITION: absolute
}

.imageView .imageContent {
	POSITION: relative
}

.imageView A.iconClose {
	Z-INDEX: 1000;
	POSITION: absolute;
	MARGIN: -13px -13px 0px 0px;
	BACKGROUND: #dfdfdf;
	FLOAT: right;
	TOP: 0px;
	RIGHT: 0px;
	border-radius: 24px
}

.imageView A.iconClose IMG {
	MARGIN: 5px;
	WIDTH: 17px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -8px -470px;
	HEIGHT: 17px
}

.imageView A.iconClose:hover IMG {
	BACKGROUND-POSITION: -42px -470px
}

.imageView A.iconClose:active IMG {
	BACKGROUND-POSITION: -76px -470px
}

.imageView .imageContent .image {
	border-radius: 6px;
	box-shadow: 0 0 20px #111
}

.imageView .imageContent .image IMG {
	WIDTH: 500px;
	DISPLAY: block;
	border-radius: 6px
}

.imageViewControllBar {
	Z-INDEX: 200;
	POSITION: absolute;
	WIDTH: 100%;
	BOTTOM: 40px
}

.imageViewControllBar .controllBar {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	PADDING-LEFT: 20px;
	WIDTH: 166px;
	PADDING-RIGHT: 0px;
	BACKGROUND: #333;
	PADDING-TOP: 0px;
	border-radius: 40px;
	box-shadow: 0 1px 2px #000
}

.imageViewControllBar .controllBar A.icon {
	PADDING-BOTTOM: 0px;
	MARGIN: 8px 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	FLOAT: left;
	PADDING-TOP: 0px
}

.imageViewControllBar .controllBar .icon IMG {
	MARGIN-TOP: 4px;
	WIDTH: 34px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat;
	HEIGHT: 28px
}

.imageViewControllBar .controllBar .iconBorderLeft {
	BORDER-LEFT: #474747 1px solid
}

.imageViewControllBar .controllBar .iconBorderRight {
	BORDER-RIGHT: #2c2c2c 1px solid
}

.imageViewControllBar .controllBar A.iconZoomOut IMG {
	BACKGROUND-POSITION: 0px -258px
}

.imageViewControllBar .controllBar A.iconZoomeIn IMG {
	BACKGROUND-POSITION: 0px -292px
}

.imageViewControllBar .controllBar A.iconDownload IMG {
	BACKGROUND-POSITION: 0px -326px
}

.imageViewControllBar .controllBar A.iconZoomOut:active IMG {
	BACKGROUND-POSITION: -34px -258px
}

.imageViewControllBar .controllBar A.iconZoomeIn:active IMG {
	BACKGROUND-POSITION: -34px -292px
}

.imageViewControllBar .controllBar A.iconDownload:active IMG {
	BACKGROUND-POSITION: -34px -326px
}

.uploadPreview {
	Z-INDEX: 120;
	BORDER-BOTTOM: #aaa 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #aaa 1px solid;
	PADDING-BOTTOM: 19px;
	PADDING-LEFT: 19px;
	WIDTH: 622px;
	PADDING-RIGHT: 19px;
	DISPLAY: none;
	BACKGROUND: #f0f3f4;
	HEIGHT: 451px;
	BORDER-TOP: #ccc 1px solid;
	BORDER-RIGHT: #aaa 1px solid;
	PADDING-TOP: 19px;
	border-radius: 4px
}

.uploadPreview A.iconClose {
	POSITION: absolute;
	WIDTH: 28px;
	HEIGHT: 28px;
	TOP: -13px;
	RIGHT: -13px
}

.uploadPreview A.iconClose IMG {
	WIDTH: 100%;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -3px -845px;
	HEIGHT: 100%
}

.uploadPreview A.iconClose:hover IMG {
	BACKGROUND-POSITION: -37px -845px
}

.uploadPreview A.iconClose:active IMG {
	BACKGROUND-POSITION: -71px -845px
}

.uploadPreview .picPreviewWrap {
	POSITION: relative;
	TEXT-ALIGN: center;
	LINE-HEIGHT: 0;
	WIDTH: 630px;
	DISPLAY: table;
	HEIGHT: 370px;
	OVERFLOW: hidden
}

.uploadPreview .picPreviewInner {
	DISPLAY: table-cell;
	VERTICAL-ALIGN: middle
}

.uploadPreview .picPreviewWrap IMG {
	MARGIN: 0px auto;
	border-radius: 3px
}

.uploadPreview .picPreviewOperator {
	HEIGHT: 50px;
	PADDING-TOP: 26px
}

.picPreviewOperator A.btnSendPic {
	BORDER-BOTTOM: #cacdcf 1px solid;
	BORDER-LEFT: #cacdcf 1px solid;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px 10px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 3px;
	DISPLAY: inline-block;
	BACKGROUND: #f7f9fa;
	COLOR: #485261;
	BORDER-TOP: #cacdcf 1px solid;
	BORDER-RIGHT: #cacdcf 1px solid;
	PADDING-TOP: 2px;
	border-radius: 22px
}

.picPreviewOperator A.btnCancelPic {
	BORDER-BOTTOM: #cacdcf 1px solid;
	BORDER-LEFT: #cacdcf 1px solid;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px 10px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 3px;
	DISPLAY: inline-block;
	BACKGROUND: #f7f9fa;
	COLOR: #485261;
	BORDER-TOP: #cacdcf 1px solid;
	BORDER-RIGHT: #cacdcf 1px solid;
	PADDING-TOP: 2px;
	border-radius: 22px
}

.picPreviewOperator A.btnSendPic INPUT {
	text-shadow: 0 1px 0 #D0D2D7
}

.picPreviewOperator A.btnCancelPic INPUT {
	text-shadow: 0 1px 0 #D0D2D7
}

.picPreviewOperator A.btnSendPic SPAN {
	MARGIN: 3px 0px -19px;
	WIDTH: 17px;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 17px
}

.picPreviewOperator A.btnCancelPic SPAN {
	MARGIN: 3px 0px -19px;
	WIDTH: 17px;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 17px
}

.picPreviewOperator A.btnSendPic SPAN.tipPic {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -7px -367px
}

.picPreviewOperator A.btnCancelPic SPAN.tipPic {
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat -7px -399px
}

.picPreviewOperator A.btnSendPic:hover {
	BORDER-BOTTOM-COLOR: #597b96;
	BORDER-TOP-COLOR: #597b96;
	BACKGROUND: #8ba9c0;
	BORDER-RIGHT-COLOR: #597b96;
	BORDER-LEFT-COLOR: #597b96;
	TEXT-DECORATION: none
}

.picPreviewOperator A.btnCancelPic:hover {
	BORDER-BOTTOM-COLOR: #597b96;
	BORDER-TOP-COLOR: #597b96;
	BACKGROUND: #8ba9c0;
	BORDER-RIGHT-COLOR: #597b96;
	BORDER-LEFT-COLOR: #597b96;
	TEXT-DECORATION: none
}

.picPreviewOperator A.btnSendPic:hover INPUT {
	COLOR: #fff;
	text-shadow: 0 1px 0 #627e93
}

.picPreviewOperator A.btnCancelPic:hover INPUT {
	COLOR: #fff;
	text-shadow: 0 1px 0 #627e93
}

.picPreviewOperator .btnSendPic:hover .tipPic {
	BACKGROUND-POSITION: -41px -368px
}

.picPreviewOperator .btnCancelPic:hover .tipPic {
	BACKGROUND-POSITION: -43px -400px
}

.picPreviewOperator INPUT {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	COLOR: #485261;
	MARGIN-LEFT: 8px;
	BORDER-TOP: medium none;
	CURSOR: pointer;
	BORDER-RIGHT: medium none
}

.profileMesg {
	POSITION: relative;
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 16px;
	BACKGROUND-COLOR: #eef0f2;
	PADDING-LEFT: 16px;
	PADDING-RIGHT: 16px;
	MAX-WIDTH: 213px;
	LETTER-SPACING: 0em;
	COLOR: #343434;
	PADDING-TOP: 16px;
	border-radius: 2px;
	box-shadow: 0px 0px 2px #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.profileMesg .triangleRight {
	BORDER-BOTTOM: 5px solid;
	POSITION: absolute;
	BORDER-LEFT: 5px solid;
	MARGIN-TOP: 10px;
	WIDTH: 0px;
	HEIGHT: 0px;
	BORDER-TOP: 5px solid;
	TOP: 0px;
	BORDER-RIGHT: 5px solid
}

.profileMesg .triangleLeft {
	BORDER-BOTTOM: 5px solid;
	POSITION: absolute;
	BORDER-LEFT: 5px solid;
	MARGIN-TOP: 10px;
	WIDTH: 0px;
	HEIGHT: 0px;
	BORDER-TOP: 5px solid;
	TOP: 0px;
	BORDER-RIGHT: 5px solid
}

.profileMesg .triangleRight {
	BORDER-BOTTOM-COLOR: transparent;
	BORDER-TOP-COLOR: transparent;
	BORDER-RIGHT-COLOR: transparent;
	BORDER-LEFT-COLOR: #eef0f2;
	RIGHT: 0px;
	MARGIN-RIGHT: -10px
}

.profileMesg .triangleLeft {
	BORDER-BOTTOM-COLOR: transparent;
	BORDER-TOP-COLOR: transparent;
	BORDER-RIGHT-COLOR: #eef0f2;
	MARGIN-LEFT: -10px;
	BORDER-LEFT-COLOR: transparent;
	LEFT: 0px
}

.profileMesg .profileNormMesgPanel {
	BORDER-BOTTOM: #b5b7b8 1px dotted;
	PADDING-BOTTOM: 15px;
	MARGIN: 0px 0px 15px
}

.profileMesg .profileNormMesgPanel .avatar_wrap {
	BORDER-BOTTOM: #fff 1px solid;
	BORDER-LEFT: #fff 1px solid;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 13px 0px 0px;
	PADDING-LEFT: 0px;
	WIDTH: 60px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 60px;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid;
	PADDING-TOP: 0px
}

.profileMesg .avatar_wrap IMG.avatar {
	WIDTH: 60px;
	HEIGHT: 60px
}

.profileMesg .nickname {
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 109px;
	WHITE-SPACE: nowrap;
	FONT-SIZE: 14px;
	OVERFLOW: hidden;
	text-shadow: 0px 1px 0px;
	-o-text-overflow: ellipsis
}

.profileMesg .genderIcon {
	MARGIN: 5px
}

.profileMesg .profileNormMesgPanel .profileNormMesgContent {
	FLOAT: left
}

.profileMesg .profileNormMesgContent .profileNormMesgName {
	COLOR: #343434;
	FONT-SIZE: 18px;
	text-shadow: 0px 1px 0px #CCC
}

.profileMesg .profileNormMesgContent .profileNormMesgID {
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 137px;
	WHITE-SPACE: nowrap;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	text-shadow: 0px 1px 0px #FFF;
	-o-text-overflow: ellipsis
}

.profileMesg .profileNormMesgSign {
	PADDING-BOTTOM: 1px;
	BACKGROUND-COLOR: #e6eaee;
	MARGIN: 0px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
	FONT-SIZE: 12px;
	PADDING-TOP: 1px;
	text-shadow: 0px 1px 0px #FFF
}

.noMsgIip {
	MARGIN: 100px 0px 0px;
	COLOR: #ccc
}

.window {
	BORDER-BOTTOM: #829397 1px solid;
	TEXT-ALIGN: left;
	BORDER-LEFT: #829397 1px solid;
	BACKGROUND-COLOR: white;
	WIDTH: 415px;
	BORDER-TOP: #829397 1px solid;
	BORDER-RIGHT: #829397 1px solid;
	border-radius: 5px;
	box-shadow: 0px 0px 6px #757575;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.window .header {
	BORDER-BOTTOM: #afb3b9 1px solid;
	BACKGROUND-COLOR: #dde1e6;
	HEIGHT: 34px;
	BORDER-TOP: #f1f1f1 1px solid;
	CURSOR: move;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px
}

.window .header P {
	LINE-HEIGHT: 35px;
	COLOR: #434b55;
	MARGIN-LEFT: 13px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	text-shadow: 0px 1px 0px #EBEBEB
}

.window .header .closeIconPanel {
	BORDER-LEFT: #e5e8eb 1px solid;
	MARGIN-TOP: -36px;
	WIDTH: 35px;
	DISPLAY: block;
	HEIGHT: 35px;
	box-shadow: -1px 0px 0px #B9C3CE
}

.window .header .closeIcon {
	MARGIN-TOP: 8px;
	WIDTH: 17px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -73px -17px;
	HEIGHT: 17px;
	MARGIN-LEFT: 9px
}

.window .header .closeIcon:active {
	BACKGROUND-POSITION: -90px -17px
}

.window .content {
	PADDING-BOTTOM: 23px;
	PADDING-LEFT: 17px;
	PADDING-RIGHT: 17px;
	PADDING-TOP: 32px
}

.window .content .section {
	PADDING-BOTTOM: 8px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 8px
}

.window .content .friendImg {
	BORDER-BOTTOM: #fff 2px solid;
	BORDER-LEFT: #fff 2px solid;
	WIDTH: 98px;
	BACKGROUND: url(../images/avatar_default17ced3.png) no-repeat center 50%;
	HEIGHT: 98px;
	BORDER-TOP: #fff 2px solid;
	MARGIN-RIGHT: 14px;
	BORDER-RIGHT: #fff 2px solid;
	box-shadow: 0px 1px 0px #B9B9B9
}

.window .content .personalInfo {
	MARGIN-TOP: -19px
}

.window .content .personalInfo .friendMesg {
	POSITION: relative;
	MIN-HEIGHT: 103px;
	WIDTH: 250px;
	BOTTOM: 0px
}

.window .content .personalInfo .nickname {
	TEXT-OVERFLOW: ellipsis;
	MAX-WIDTH: 200px;
	WHITE-SPACE: nowrap;
	HEIGHT: 20px;
	COLOR: #434b55;
	FONT-SIZE: 13px;
	OVERFLOW: hidden;
	MARGIN-RIGHT: 5px;
	text-shadow: none;
	-o-text-overflow: ellipsis
}

.window .content .personalInfo P {
	LINE-HEIGHT: 22px;
	COLOR: #a9b0b6;
	FONT-SIZE: 12px;
	text-shadow: none
}

.window .content .personalInfo .modifyInput {
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 15px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 100px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.window .content .personalInfo .remarkSection {
	
}

.window .content .personalInfo .remarkSection A {
	PADDING-RIGHT: 10px;
	COLOR: #a9b0b6;
	TEXT-DECORATION: none
}

.window .content .personalInfo .remarkSection A .remarkname {
	LINE-HEIGHT: 16px;
	TEXT-OVERFLOW: ellipsis;
	DISPLAY: inline-block;
	MAX-WIDTH: 120px;
	WHITE-SPACE: nowrap;
	HEIGHT: 16px;
	VERTICAL-ALIGN: text-top;
	OVERFLOW: hidden;
	-o-text-overflow: ellipsis
}

.window .content .personalInfo .remarkSection A .editRemarkNameIcon {
	WIDTH: 18px;
	DISPLAY: inline-block;
	MARGIN-BOTTOM: -3px;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat 2px -153px;
	HEIGHT: 16px;
	VISIBILITY: hidden;
	MARGIN-LEFT: 5px
}

.window .content .personalInfo .remarkSection A .show.editRemarkNameIcon
	{
	VISIBILITY: visible
}

.window .content .personalInfo .remarkSection A:hover .editRemarkNameIcon
	{
	DISPLAY: inline-block;
	VISIBILITY: visible
}

.window .content .personalInfo .remarkSection A:active .editRemarkNameIcon
	{
	DISPLAY: inline-block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -13px -153px;
	VISIBILITY: visible
}

.window .content .personalInfo .replyWrapper {
	MARGIN-TOP: 7px;
	BORDER-TOP: #eee 1px solid;
	PADDING-TOP: 5px
}

.window .content .personalInfo .replyVerifyMsg {
	BORDER-BOTTOM: #ddd 1px solid;
	BORDER-LEFT: #ddd 1px solid;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #eee;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	FLOAT: right;
	FONT-SIZE: 12px;
	BORDER-TOP: #ddd 1px solid;
	CURSOR: pointer;
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-TOP: 0px;
	border-radius: 9px
}

.window .content .personalInfo .replyVerifyMsg:hover {
	BACKGROUND-COLOR: #eaeaea;
	COLOR: inherit;
	TEXT-DECORATION: none
}

.window .content .personalInfo P.valiMesg {
	PADDING-BOTTOM: 2px;
	LINE-HEIGHT: 20px;
	BACKGROUND-COLOR: #ddd;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	DISPLAY: inline-block;
	COLOR: #63676b;
	PADDING-TOP: 2px;
	border-radius: 6px
}

.window .content .personalInfo .valiMesg .hook {
	BORDER-BOTTOM: transparent 5px solid;
	POSITION: absolute;
	BORDER-LEFT: transparent 5px solid;
	WIDTH: 0px;
	DISPLAY: block;
	HEIGHT: 0px;
	BORDER-TOP: transparent 5px solid;
	TOP: 9px;
	BORDER-RIGHT: #ddd 5px solid;
	LEFT: -9px
}

.window .content .personalInfo .valiMesg .hook1 {
	DISPLAY: none
}

.window .content .personalInfo .valiMesg .valiMesgContent {
	DISPLAY: block;
	MAX-WIDTH: 254px
}

.window .content .verification LABEL {
	COLOR: #a1aab8;
	FONT-SIZE: 12px;
	text-shadow: none
}

.window .content .verification P {
	MARGIN-BOTTOM: 3px;
	COLOR: #a0a4aa;
	FONT-SIZE: 12px
}

.window .content .verification .inputVerifi {
	BORDER-BOTTOM: #fdfdfd 1px solid;
	BORDER-LEFT: #dee2e6 1px solid;
	PADDING-BOTTOM: 4px;
	BACKGROUND-COLOR: #e6e9ec;
	MARGIN: 4px auto 0px;
	PADDING-LEFT: 2px;
	WIDTH: 220px;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #dde1e6 1px solid;
	BORDER-RIGHT: #dee2e6 1px solid;
	PADDING-TOP: 4px;
	box-shadow: 0px -1px 0px #C6CACE
}

.window .content .verification .inputVerifi:focus {
	BACKGROUND-COLOR: #fff
}

A.btnBrown:hover {
	CURSOR: pointer;
	TEXT-DECORATION: none
}

A.btnGray:hover {
	CURSOR: pointer;
	TEXT-DECORATION: none
}

A.btnBrown {
	BORDER-BOTTOM: #424c55 1px solid;
	BORDER-LEFT: #424c55 1px solid;
	BACKGROUND-COLOR: #596674;
	MARGIN: 0px auto;
	DISPLAY: inline-block;
	BORDER-TOP: #424c55 1px solid;
	BORDER-RIGHT: #424c55 1px solid;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px
}

A.btnBrown:active {
	BACKGROUND-COLOR: #4e5866
}

A.btnBrown:active INPUT {
	COLOR: #c0c8d1
}

A.btnBrown INPUT {
	BORDER-BOTTOM: #525e6c 1px solid;
	BORDER-LEFT: #5d6a78 1px solid;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 30px;
	DISPLAY: block;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	COLOR: #fff;
	BORDER-TOP: #758293 1px solid;
	CURSOR: hand;
	BORDER-RIGHT: #5d6a78 1px solid;
	PADDING-TOP: 3px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px
}

A.btnGray {
	BORDER-BOTTOM: #aaa 1px solid;
	BORDER-LEFT: #aaa 1px solid;
	BACKGROUND-COLOR: #e6e8ea;
	MARGIN: 0px auto;
	DISPLAY: inline-block;
	BORDER-TOP: #aaa 1px solid;
	BORDER-RIGHT: #aaa 1px solid;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px
}

A.btnGray:active {
	BACKGROUND-COLOR: #4e5866
}

A.btnGray:active INPUT {
	COLOR: #7b8691
}

A.btnGray INPUT {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 30px;
	DISPLAY: block;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	COLOR: #5c6977;
	BORDER-TOP: #fff 1px solid;
	CURSOR: hand;
	BORDER-RIGHT: medium none;
	PADDING-TOP: 3px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-shadow: 0px 1px 0px #F3F4F5
}

.friendInfo A.btnBrown {
	LINE-HEIGHT: 24px;
	MARGIN: 0px auto;
	COLOR: #fff;
	FONT-SIZE: 12px;
	text-shadow: none
}

.friendInfo A.btnGray {
	LINE-HEIGHT: 24px;
	MARGIN: 0px auto;
	COLOR: #fff;
	FONT-SIZE: 12px;
	text-shadow: none
}

.friendInfo .nextStep {
	TEXT-ALIGN: center
}

.friendInfo .verification A.btnGray INPUT {
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
}

.friendInfo .verification A.btnBrown INPUT {
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
}

.friendInfo .nextStep .friendInfo A.btnBrown {
	
}

.friendInfo .nextStep .friendInfo A.btnBrown INPUT {
	
}

.friendInfo A.btnBrown INPUT {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 20px
}

.friendInfo A.btnGray INPUT {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 20px
}

.genderIcon {
	MARGIN-TOP: 2px;
	WIDTH: 17px;
	DISPLAY: block;
	BACKGROUND: url(../images/button_chat1832d7.png) no-repeat;
	HEIGHT: 15px
}

.maleIcon {
	MARGIN-TOP: 1px;
	BACKGROUND-POSITION: -138px -984px
}

.femaleIcon {
	BACKGROUND-POSITION: -157px -984px
}

.window .content .physicalInfor {
	BORDER-BOTTOM: #e0e0e0 1px solid;
	MARGIN: 1px -17px 2px
}

.window .content .physicalInfor .tr {
	LINE-HEIGHT: 33px;
	MIN-HEIGHT: 33px;
	DISPLAY: block;
	CLEAR: both;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	BORDER-TOP: #e0e0e0 1px solid
}

.window .content .physicalInfor .photoAlbum.tr {
	LINE-HEIGHT: 50px;
	MIN-HEIGHT: 50px
}

.window .content .physicalInfor .firstTr {
	
}

.window .content .physicalInfor .tr .tdLeft {
	TEXT-ALIGN: right;
	WIDTH: 29%;
	DISPLAY: block;
	COLOR: #969ea6;
	MARGIN-RIGHT: 14px
}

.window .content .physicalInfor .tr .tdRight {
	LINE-HEIGHT: 1.5em;
	MAX-WIDTH: 262px;
	COLOR: #434b55;
	PADDING-TOP: 8px
}

.window .content .physicalInfor .photoAlbum A {
	DISPLAY: block;
	HEIGHT: 50px
}

.window .content .physicalInfor .photoAlbum A:hover {
	BACKGROUND-COLOR: #eee
}

.window .content .physicalInfor .photoAlbum DIV {
	BORDER-BOTTOM: #f7f7f7 2px solid;
	POSITION: relative;
	BORDER-LEFT: #f7f7f7 2px solid;
	MARGIN: 3px 2px -9px 0px;
	WIDTH: 40px;
	HEIGHT: 40px;
	OVERFLOW: hidden;
	BORDER-TOP: #f7f7f7 2px solid;
	BORDER-RIGHT: #f7f7f7 2px solid
}

.window .content .physicalInfor .photoAlbum IMG {
	POSITION: absolute
}

.window .content .verification {
	TEXT-ALIGN: center
}

.window .content .verification .operBtn {
	MARGIN: 15px auto 0px;
	WIDTH: 56%
}

.window .content .btnPrimary {
	MARGIN: auto
}

.window .content .btnSecondary {
	TEXT-ALIGN: center;
	WIDTH: 120px;
	DISPLAY: block;
	HEIGHT: 30px;
	border-radius: 4px;
	box-shadow: 0 1px 3px lightGrey;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}

.window .content .btnPrimary INPUT {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}

.window .content .verification .btnSecondary INPUT {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}

.window .content .btnPrimary INPUT {
	COLOR: #fff
}

.window .content .btnSecondary INPUT {
	COLOR: #6d6d6d
}

.window .content .nextStep .complementOper {
	FONT-SIZE: 12px;
	text-shadow: none
}

.window .content .nextStep .complementOper .addBlacklist {
	COLOR: #a7b0bc;
	MARGIN-RIGHT: 10px
}

.window .content .nextStep .complementOper .report {
	COLOR: #a7b0bc
}

.window .content .nextStep .complementOper .addBlacklistIcon {
	WIDTH: 18px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat;
	HEIGHT: 18px
}

.window .content .nextStep .complementOper .reportIcon {
	WIDTH: 18px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat;
	HEIGHT: 18px
}

.window .content .nextStep .complementOper .addBlacklistIcon {
	BACKGROUND-POSITION: -1px -17px
}

.window .content .nextStep .complementOper .reportIcon {
	BACKGROUND-POSITION: -37px -17px
}

.window .content .nextStep .complementOper A:active .addBlacklistIcon {
	BACKGROUND-POSITION: -19px -17px
}

.window .content .nextStep .complementOper A:active .reportIcon {
	BACKGROUND-POSITION: -55px -17px
}

.avatorInfo {
	HEIGHT: 300px
}

.editAvartorContent.avatorInfo {
	MARGIN-BOTTOM: 25px
}

.avatorInfo .editAvartorContent .editAvartorPanel {
	MARGIN-LEFT: 32px
}

.avatorInfo .preAvartorContent {
	TEXT-ALIGN: center
}

.avatorInfo .preAvartorContent IMG {
	BORDER-BOTTOM: #fff 1px solid;
	BORDER-LEFT: #fff 1px solid;
	MARGIN: 0px auto 10px;
	WIDTH: 90px;
	HEIGHT: 90px;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid;
	box-shadow: 0px 1px 0px #B9B9B9
}

.avatorInfo .editAvartorContent .editIcon {
	MARGIN-TOP: 2px;
	WIDTH: 15px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -107px -17px;
	HEIGHT: 15px;
	MARGIN-RIGHT: -16px
}

.avatorInfo .editAvartorContent P {
	TEXT-ALIGN: center;
	MARGIN-BOTTOM: 28px
}

.avatorInfo .preForm {
	MARGIN-BOTTOM: 30px
}

.avatorInfo .preOper {
	POSITION: relative
}

.avatorInfo .editOper {
	MARGIN: 0px auto;
	WIDTH: 232px
}

.avatorInfo .preOper A {
	POSITION: absolute;
	TEXT-ALIGN: center;
	MARGIN-TOP: 47px;
	OVERFLOW: hidden;
	CURSOR: pointer;
	RIGHT: 0px;
	MARGIN-RIGHT: -8px
}

.avatorInfo .preOper INPUT {
	POSITION: absolute;
	FILTER: alpha(opacity = 0);
	MARGIN: 0px;
	WIDTH: 100%;
	HEIGHT: 100%;
	FONT-SIZE: 100px;
	CURSOR: pointer;
	opacity: 0
}

.avatorInfo .editBox {
	BORDER-BOTTOM: #fff 2px solid;
	BORDER-LEFT: #fff 2px solid;
	WIDTH: 230px;
	HEIGHT: 230px;
	MARGIN-LEFT: 25px;
	BORDER-TOP: #fff 2px solid;
	MARGIN-RIGHT: 22px;
	BORDER-RIGHT: #fff 2px solid;
	box-shadow: 0px 1px 0px #B9B9B9
}

.avatorInfo .previewBox {
	BORDER-BOTTOM: #fff 2px solid;
	BORDER-LEFT: #fff 2px solid;
	WIDTH: 70px;
	BACKGROUND: url(../images/avatar_default17ced3.png) no-repeat center 50%;
	HEIGHT: 69px;
	BORDER-TOP: #fff 2px solid;
	BORDER-RIGHT: #fff 2px solid;
	box-shadow: 0px 1px 0px #B9B9B9
}

.chatItem .callingCard {
	MARGIN: 0px auto;
	WIDTH: 238px;
	FLOAT: none
}

.you .haveAvatarCard {
	FLOAT: left;
	MARGIN-LEFT: 20px
}

.callingCard .cloudBody {
	BORDER-BOTTOM: #a5a5a5 1px solid;
	BORDER-LEFT: #a5a5a5 1px solid;
	WIDTH: 237px;
	BORDER-TOP: #a5a5a5 1px solid;
	BORDER-RIGHT: #a5a5a5 1px solid;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.callingCard .cloudPannel {
	box-shadow: 0px 1px 2px #C5C5C5
}

.callingCard .cloudBody .content {
	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #fff;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	PADDING-TOP: 4px
}

.callingCard .cloudBody .friendMesg {
	WIDTH: 124px;
	COLOR: #4c5b7c;
	OVERFLOW: hidden
}

.me .haveAvatarCard {
	FLOAT: right;
	MARGIN-RIGHT: 20px
}

.me .haveAvatarCard .cloudContent {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.callingCard .cloudBody .friendMesg .nickname {
	WIDTH: 119px;
	TEXT-OVERFLOW: ellipsis;
	DISPLAY: block;
	WHITE-SPACE: nowrap;
	HEIGHT: 20px;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	FONT-WEIGHT: bold;
	-o-text-overflow: ellipsis
}

.callingCard .cloudBody .friendMesg P {
	LINE-HEIGHT: 1.2em;
	MARGIN-TOP: 2px;
	WIDTH: 120px;
	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	HEIGHT: 15px;
	COLOR: #a6a6a6;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	-o-text-overflow: ellipsis
}

.callingCard .cloudBody .content IMG {
	WIDTH: 79px;
	BACKGROUND: url(../images/avatar_default17ced3.png) no-repeat center 50%;
	HEIGHT: 79px;
	MARGIN-RIGHT: 10px
}

.callingCard .cloudBody .footer {
	BACKGROUND-IMAGE: none;
	POSITION: static;
	PADDING-BOTTOM: 3px;
	LINE-HEIGHT: 21px;
	BACKGROUND-COLOR: #f2f2f2;
	PADDING-LEFT: 5px;
	WIDTH: auto;
	PADDING-RIGHT: 5px;
	COLOR: #828282;
	MARGIN-LEFT: auto;
	FONT-SIZE: 12px;
	BORDER-TOP: #dedede 1px solid;
	PADDING-TOP: 3px;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	text-shadow: none
}

.callingCard .cloudBody .footer .callingCardIcon {
	MARGIN-TOP: 3px;
	WIDTH: 15px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat;
	HEIGHT: 15px;
	MARGIN-RIGHT: 5px
}

.callingCard .cloudBody .footer .friendScanIcon {
	BACKGROUND-POSITION: -64px 0px
}

.callingCard .cloudBody .footer .friendAroundIcon {
	BACKGROUND-POSITION: -16px 0px
}

.callingCard .cloudBody .footer .friendShakeIcon {
	BACKGROUND-POSITION: -97px 0px
}

.callingCard .cloudBody .footer .addresIcon {
	WIDTH: 12px;
	BACKGROUND-POSITION: -32px 0px
}

.callingCard .cloudBody .footer .bottleIcon {
	BACKGROUND-POSITION: -48px 0px
}

.callingCard .cloudBody .footer .facebookIcon {
	BACKGROUND-POSITION: -80px 0px
}

.callingCard .cloudBody .footer .qqIcon {
	WIDTH: 13px;
	BACKGROUND-POSITION: -113px 0px
}

A.btnBlue {
	BORDER-BOTTOM: #424c55 1px solid;
	BORDER-LEFT: #424c55 1px solid;
	MARGIN-TOP: 1px;
	DISPLAY: block;
	HEIGHT: 19px;
	BORDER-TOP: #424c55 1px solid;
	BORDER-RIGHT: #424c55 1px solid;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

A.btnBlue:active .btnBluePanel {
	BACKGROUND-COLOR: #536072
}

.btnBlue .btnBluePanel {
	BACKGROUND-COLOR: #626f80;
	BORDER-TOP: #758293 1px solid
}

.btnBlue .btnGrayAdded .btnPanel {
	BACKGROUND-COLOR: #f1f2f3
}

.btnBlue .btnWord {
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 18px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	DISPLAY: block;
	HEIGHT: 18px;
	COLOR: #fff;
	FONT-SIZE: 12px;
	PADDING-TOP: 0px
}

.callingCard .cloudBody .footer .addIcon {
	MARGIN: 4px -1px 0px 6px;
	WIDTH: 12px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat -121px -17px;
	HEIGHT: 11px
}

.callingCard .cloudBody .footer A:active .addIcon {
	BACKGROUND-POSITION: -131px -17px
}

.tips {
	Z-INDEX: 100000;
	FILTER: alpha(opacity = 50) \9;
	PADDING-BOTTOM: 10px;
	LINE-HEIGHT: 32px;
	BACKGROUND-COLOR: #000;
	PADDING-LEFT: 20px;
	WIDTH: 146px;
	PADDING-RIGHT: 20px;
	HEIGHT: 32px;
	COLOR: #fff;
	FONT-SIZE: 14px;
	PADDING-TOP: 10px;
	border-radius: 3px;
	opacity: 0.5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 0px 1px 0px #000
}

.tips .tipsIcon {
	WIDTH: 42px;
	DISPLAY: block;
	BACKGROUND: url(../images/button0217ced3.png) no-repeat 2px -37px;
	HEIGHT: 32px
}

.tips .errorIcon {
	WIDTH: 40px;
	BACKGROUND-POSITION: -37px -37px
}

.inputArea .recordInput .recordVol {
	POSITION: relative;
	WIDTH: 300px;
	MARGIN-LEFT: 95px
}

.inputArea .recordInput .recordVol SPAN {
	BORDER-BOTTOM: #b8bbc3 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #8f99a6 1px solid;
	WIDTH: 2px;
	BOTTOM: 7px;
	DISPLAY: block;
	BACKGROUND: #8d97a4;
	HEIGHT: 11px;
	MARGIN-LEFT: 1px;
	BORDER-TOP: #60666d 1px solid;
	MARGIN-RIGHT: 1px;
	BORDER-RIGHT: #8f99a6 1px solid
}

.inputArea .recordInput .recordVol .voiceBac {
	BORDER-BOTTOM: #b8bbc3 1px solid;
	BORDER-LEFT: #3270a2 1px solid;
	BACKGROUND: #3476aa;
	BORDER-TOP: #29628f 1px solid;
	BORDER-RIGHT: #3270a2 1px solid
}

.inputArea .recordInput .recordTime {
	COLOR: #53575a
}

.me .cloud .cloudPannel .cloudFileArrow {
	POSITION: absolute;
	WIDTH: 18px;
	BACKGROUND: url(../images/cloud/filetype_guid_right17ced3.png) no-repeat
		0px 0px;
	HEIGHT: 25px;
	TOP: 8px;
	RIGHT: -15px
}

.preAvartor {
	Z-INDEX: 201;
	POSITION: absolute;
	BACKGROUND-COLOR: #f8f8f8;
	MARGIN-TOP: -1px;
	WIDTH: 100%;
	HEIGHT: 100%;
	TOP: 0px;
	LEFT: 0px
}

.preAvartor IMG {
	BORDER-BOTTOM: #fff 2px solid;
	POSITION: absolute;
	BORDER-LEFT: #fff 2px solid;
	WIDTH: 250px;
	HEIGHT: 250px;
	BORDER-TOP: #fff 2px solid;
	TOP: 0px;
	BORDER-RIGHT: #fff 2px solid;
	LEFT: 63px;
	box-shadow: 0px 1px 0px #A5A5A5
}

.preAvartor .bigAvatar {
	BORDER-BOTTOM: #fff 2px solid;
	POSITION: absolute;
	BORDER-LEFT: #fff 2px solid;
	WIDTH: 250px;
	BACKGROUND: url(../images/edit_avatar17ced3.png) no-repeat center 50%;
	HEIGHT: 250px;
	BORDER-TOP: #fff 2px solid;
	TOP: 0px;
	BORDER-RIGHT: #fff 2px solid;
	LEFT: 67px;
	box-shadow: 0px 1px 0px #A5A5A5
}

.preAvartor .editOper {
	POSITION: absolute;
	MARGIN-TOP: 20px;
	TOP: 251px;
	LEFT: 71px
}

.preAvartor .editOper A {
	MARGIN-LEFT: 73px
}

.editAvartor {
	POSITION: absolute;
	TOP: 0px;
	LEFT: 0px
}

.editAvartor .editAvartorContent A {
	
}

.editAvartor .editAvartorContent .postPhoto {
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 11px;
	PADDING-RIGHT: 11px;
	COLOR: #818181;
	MARGIN-LEFT: 1px;
	FONT-SIZE: 12px;
	PADDING-TOP: 0px;
	border-radius: 4px
}

.editAvartor .editAvartorContent A:active {
	COLOR: #000
}

.editAvartor .editOper {
	MARGIN-TOP: 20px;
	WIDTH: 223px;
	MARGIN-LEFT: 82px
}

.fileLoad {
	PADDING-BOTTOM: 0px;
	MARGIN: 25px 0px 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.fileLoad .fileLoadPanel {
	POSITION: relative;
	BACKGROUND-COLOR: #aebac6;
	WIDTH: 98px;
	HEIGHT: 4px;
	RIGHT: 0px;
	border-radius: 4px;
	box-shadow: 0px 1px 0px #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}

.fileLoad .fileLoadPanel .progrBar {
	POSITION: absolute;
	BACKGROUND-COLOR: #8b95a1;
	WIDTH: 62px;
	HEIGHT: 4px;
	TOP: 0px;
	LEFT: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.fileLoad .fileLoadPanel .closeFileLoad {
	Z-INDEX: 3;
	POSITION: absolute;
	MARGIN-TOP: -4px;
	WIDTH: 15px;
	DISPLAY: block;
	BACKGROUND:
		url(http://dev.web.weixin.qq.com/zh_CN/htmledition/images/button0217ced3.png)
		no-repeat -74px -18px;
	HEIGHT: 15px;
	TOP: 0px;
	RIGHT: 0px;
	MARGIN-RIGHT: -7px;
	border-image: initial
}

.fileLoad .fileLoadPanel .closeFileLoad:active {
	BACKGROUND-POSITION: -91px -18px
}

.cloudImgLoad .fileLoad .fileLoadPanel {
	MARGIN-TOP: -18px;
	MARGIN-LEFT: 8px
}

.chatPanel .recordInput {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 385px;
	PADDING-RIGHT: 0px;
	HEIGHT: 31px;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	PADDING-TOP: 0px;
	box-shadow: none
}

.chatPanel .recordInput .recordBakLeft {
	WIDTH: 12px;
	BACKGROUND: url(../images/voice0117ced3.png) no-repeat center 50%;
	HEIGHT: 100%
}

.chatPanel .recordInput .recordBakMiddle {
	LINE-HEIGHT: 30px;
	WIDTH: 371px;
	BACKGROUND: url(../images/voice0217ced3.png) repeat-x center 50%;
	HEIGHT: 100%;
	BORDER-RIGHT: #81878e 1px solid;
	border-radius: 0px 5px 5px 0px
}

.chatPanel .recordInput .recordBakMiddle .recordInfo {
	LINE-HEIGHT: 32px;
	FONT-SIZE: 12px;
	text-shadow: none
}

.chatPanel .recordInput .recordBakRight {
	MARGIN-TOP: -31px;
	WIDTH: 30px;
	DISPLAY: block;
	BACKGROUND: url(../images/voice0317ced3.png) no-repeat center 50%;
	HEIGHT: 100%;
	MARGIN-RIGHT: 2px
}

.chatPanel .recordInput A.recordBakRight:active {
	BACKGROUND: url(../images/voice03hl17ced3.png) no-repeat center 50%
}

.newMsgPlayer IMG {
	LEFT: -100000px
}

.popupPhotoAlbumWindow {
	BORDER-BOTTOM: #3a3b3f 1px solid;
	BORDER-LEFT: #3a3b3f 1px solid;
	BACKGROUND-COLOR: #fff;
	HEIGHT: 100%;
	OVERFLOW: hidden;
	BORDER-TOP: #3a3b3f 1px solid;
	BORDER-RIGHT: #3a3b3f 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.popupPhotoAlbumWindow .popupPhotoAlbumPanel {
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #333a42;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	HEIGHT: 100%;
	PADDING-TOP: 0px
}

.popupPhotoAlbumPanel .friendCirL {
	WIDTH: 77%;
	HEIGHT: 100%;
	BORDER-RIGHT: #22252a 1px solid
}

.popupPhotoAlbumPanel .friendCirR {
	WIDTH: 22%
}

.popupPhotoAlbumPanel .friendCirLPanel {
	PADDING-BOTTOM: 16px;
	BACKGROUND-COLOR: #fff;
	MARGIN: 0px;
	PADDING-LEFT: 16px;
	PADDING-RIGHT: 16px;
	HEIGHT: 100%;
	BORDER-RIGHT: #1b1c20 1px solid;
	PADDING-TOP: 60px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView .photoViewOper {
	POSITION: absolute;
	MARGIN-TOP: -25px;
	WIDTH: 49px;
	DISPLAY: none;
	HEIGHT: 49px;
	TOP: 50%
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView .photoViewOperRight {
	RIGHT: 40px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView .photoViewOperLeft {
	LEFT: 40px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView .photoViewOper A {
	DISPLAY: block;
	HEIGHT: 100%
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView A.photoPre {
	BACKGROUND: url(../images/friend17ced3.png) no-repeat -39px -33px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView .title {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	PADDING-BOTTOM: 5px;
	COLOR: #cecfd2;
	FONT-SIZE: 20px;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	text-shadow: 0px 1px 0px #FFF
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView .title .data {
	FONT-SIZE: 40px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView A.photoNext {
	BACKGROUND: url(../images/friend17ced3.png) no-repeat -114px -34px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView A.photoPre:active {
	BACKGROUND-POSITION: -38px -88px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView A.photoNext:active {
	BACKGROUND-POSITION: -114px -89px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView .photoViewBox {
	BORDER-BOTTOM: #d3d3d3 1px solid;
	POSITION: relative;
	TEXT-ALIGN: center;
	BORDER-LEFT: #e3e3e3 1px solid;
	BACKGROUND-COLOR: #fff;
	MARGIN: 0px auto;
	WIDTH: 80%;
	BORDER-TOP: #ececed 1px solid;
	BORDER-RIGHT: #e3e3e3 1px solid;
	box-shadow: 0px 1px 3px #DEDEDF
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView .photoViewBox .photoWrapper IMG
	{
	POSITION: absolute;
	VERTICAL-ALIGN: middle
}

.popupPhotoAlbumPanel .friendCirLPanel .photoViewBox .photoViewPanel {
	Z-INDEX: 1;
	POSITION: relative;
	HEIGHT: 100%
}

.popupPhotoAlbumPanel .friendCirLPanel .photoView P {
	TEXT-ALIGN: left;
	COLOR: #121212;
	MARGIN-LEFT: 67px;
	FONT-SIZE: 14px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoViewBox .albumContentWrapper
	{
	Z-INDEX: 2;
	POSITION: absolute;
	WIDTH: 100%;
	BOTTOM: 0px;
	LEFT: 0px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoViewBox P.albumContent {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 3%;
	WIDTH: 94%;
	TEXT-OVERFLOW: ellipsis;
	PADDING-RIGHT: 3%;
	WHITE-SPACE: nowrap;
	HEIGHT: 21px;
	COLOR: #fff;
	MARGIN-LEFT: 0px;
	FONT-SIZE: 14px;
	PADDING-TOP: 5px;
	text-shadow: none
}

.popupPhotoAlbumPanel .friendCirLPanel .photoViewBox .showAll P.albumContent
	{
	WHITE-SPACE: normal;
	HEIGHT: auto
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView {
	MARGIN-TOP: 31px
}

.popupPhotoAlbumPanel .friendCirLPanel .albumContent {
	HEIGHT: 42px;
	OVERFLOW: hidden
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList {
	POSITION: relative;
	MARGIN: 19px auto 0px;
	WIDTH: 80%
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .photoListOper
	{
	MARGIN-TOP: 20px;
	WIDTH: 25px;
	DISPLAY: block;
	HEIGHT: 25px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList A {
	DISPLAY: block;
	HEIGHT: 100%
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList A.photoPreListPre
	{
	BACKGROUND: url(../images/friend17ced3.png) no-repeat -48px -160px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList A.photoPreListNext
	{
	BACKGROUND: url(../images/friend17ced3.png) no-repeat -126px -160px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList A.photoPreListPre:active
	{
	BACKGROUND-POSITION: -48px -193px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList A.photoPreListNext:active
	{
	BACKGROUND-POSITION: -126px -193px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .photoPreListBox
	{
	MARGIN: 12px auto 0px;
	MAX-WIDTH: 917px;
	HEIGHT: 86px;
	OVERFLOW: hidden
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .photoPreListBox UL
	{
	HEIGHT: 100%
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList UL LI
	{
	WIDTH: 93px;
	FLOAT: left;
	MARGIN-RIGHT: 5px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList UL A
	{
	BORDER-BOTTOM: #fff 4px solid;
	POSITION: relative;
	TEXT-ALIGN: center;
	BORDER-LEFT: #fff 4px solid;
	LINE-HEIGHT: 76px;
	BACKGROUND-COLOR: #e3e2e2;
	WIDTH: 78px;
	HEIGHT: 78px;
	OVERFLOW: hidden;
	BORDER-TOP: #fff 4px solid;
	BORDER-RIGHT: #fff 4px solid
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList UL A IMG
	{
	BORDER-BOTTOM: #fff 1px solid;
	BORDER-LEFT: #fff 1px solid;
	BORDER-TOP: #fff 1px solid;
	BORDER-RIGHT: #fff 1px solid
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .thumbPreView
	{
	BORDER-BOTTOM: #b7bec6 1px solid;
	POSITION: absolute;
	BORDER-LEFT: #b7bec6 1px solid;
	PADDING-BOTTOM: 2px;
	BACKGROUND-COLOR: #fff;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	DISPLAY: none;
	BORDER-TOP: #b7bec6 1px solid;
	TOP: -50px;
	BORDER-RIGHT: #b7bec6 1px solid;
	PADDING-TOP: 2px;
	LEFT: 50%;
	box-shadow: 0px 1px 2px #EAEBED
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .thumbPreView IMG
	{
	
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .thumbPreView .hook
	{
	POSITION: relative;
	BOTTOM: 3px;
	MARGIN-BOTTOM: -5px;
	MARGIN-LEFT: -5px;
	LEFT: 50%
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .thumbPreView .hook .hook2
	{
	BORDER-BOTTOM: transparent 6px solid;
	POSITION: absolute;
	BORDER-LEFT: transparent 6px solid;
	WIDTH: 0px;
	DISPLAY: block;
	HEIGHT: 0px;
	BORDER-TOP: #fff 6px solid;
	TOP: 0px;
	BORDER-RIGHT: transparent 6px solid
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .thumbPreView .hook .hook1
	{
	BORDER-BOTTOM: transparent 6px solid;
	POSITION: absolute;
	BORDER-LEFT: transparent 6px solid;
	WIDTH: 0px;
	DISPLAY: block;
	HEIGHT: 0px;
	BORDER-TOP: #b7bec6 6px solid;
	TOP: 1px;
	BORDER-RIGHT: transparent 6px solid
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList UL SPAN
	{
	Z-INDEX: 2;
	POSITION: absolute;
	WIDTH: 80px;
	DISPLAY: block;
	BACKGROUND: url(../images/friend_photo_cover17ced3.png) no-repeat;
	HEIGHT: 80px;
	TOP: 0px;
	LEFT: 0px
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList UL IMG
	{
	VERTICAL-ALIGN: middle
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .on A
	{
	BORDER-BOTTOM: #a8bdd9 4px solid;
	BORDER-LEFT: #a8bdd9 4px solid;
	BORDER-TOP: #a8bdd9 4px solid;
	BORDER-RIGHT: #a8bdd9 4px solid;
	box-shadow: 0px 1px 0px #EBEBEB
}

.popupPhotoAlbumPanel .friendCirLPanel .photoPreView .photoPreList .on A SPAN
	{
	DISPLAY: none
}

.popupPhotoAlbumPanel .friendCirRPanel {
	PADDING-BOTTOM: 24px;
	MARGIN: 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 24px
}

.popupPhotoAlbumPanel .friendCirRPanel A.closeIcon {
	MARGIN-TOP: -14px;
	WIDTH: 22px;
	DISPLAY: block;
	BACKGROUND: url(../images/friend17ced3.png) no-repeat -48px -286px;
	FLOAT: right;
	HEIGHT: 22px;
	MARGIN-RIGHT: -10px
}

.popupPhotoAlbumPanel .friendCirRPanel A.closeIcon:active {
	WIDTH: 23px;
	BACKGROUND-POSITION: -45px -324px;
	HEIGHT: 23px
}

.popupPhotoAlbumPanel .friendCirRPanel .friendMsg {
	MARGIN-TOP: 42px
}

.popupPhotoAlbumPanel .friendCirRPanel .friendMsg .friendMsgInfo {
	MARGIN-BOTTOM: 26px
}

.popupPhotoAlbumPanel .friendCirRPanel .friendMsg .avatar {
	BORDER-BOTTOM: #000 1px solid;
	BORDER-LEFT: #000 1px solid;
	WIDTH: 58px;
	HEIGHT: 58px;
	BORDER-TOP: #000 1px solid;
	MARGIN-RIGHT: 12px;
	BORDER-RIGHT: #000 1px solid;
	border-radius: 3px;
	box-shadow: 0px 1px 3px #1E2126;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.popupPhotoAlbumPanel .friendCirRPanel .friendMsg .name {
	WIDTH: 196px;
	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	MARGIN-BOTTOM: 5px;
	COLOR: #fff;
	FONT-SIZE: 25px;
	OVERFLOW: hidden;
	text-shadow: none;
	-o-text-overflow: ellipsis
}

.popupPhotoAlbumPanel .friendCirRPanel .friendMsg .location {
	COLOR: #fff;
	text-shadow: none
}

.popupPhotoAlbumPanel .friendCirRPanel .praise {
	BORDER-BOTTOM: #2c3138 1px solid;
	PADDING-BOTTOM: 2px;
	BACKGROUND-COLOR: #30353b;
	MARGIN: 0px -19px 40px -9px;
	PADDING-LEFT: 14px;
	PADDING-RIGHT: 11px;
	MAX-HEIGHT: 130px;
	OVERFLOW: hidden;
	BORDER-TOP: #2c3138 1px solid;
	PADDING-TOP: 27px;
	box-shadow: 0px 1px 0px #3F4653
}

.popupPhotoAlbumPanel .friendCirRPanel .showAll.praise {
	MAX-HEIGHT: none
}

.popupPhotoAlbumPanel .friendCirRPanel .title .blueColor {
	COLOR: #94abdd
}

.popupPhotoAlbumPanel .friendCirRPanel .praise .title {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	PADDING-BOTTOM: 17px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 14px;
	MARGIN-BOTTOM: 12px;
	HEIGHT: auto;
	COLOR: #fff;
	FONT-SIZE: 12px;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	PADDING-TOP: 0px;
	text-shadow: 0px 1px 0px #1D2024
}

.popupPhotoAlbumPanel .friendCirRPanel .praise UL {
	
}

.popupPhotoAlbumPanel .friendCirRPanel .praise .title .icon {
	WIDTH: 19px;
	BACKGROUND: url(../images/friend17ced3.png) no-repeat -48px -244px;
	HEIGHT: 17px;
	MARGIN-RIGHT: 5px
}

.popupPhotoAlbumPanel .friendCirRPanel .praise LI {
	MARGIN: 0px 4px 12px 0px;
	FLOAT: left
}

.popupPhotoAlbumPanel .friendCirRPanel .praise LI A {
	DISPLAY: block;
	HEIGHT: 39px
}

.popupPhotoAlbumPanel .friendCirRPanel .praise LI IMG {
	WIDTH: 40px;
	HEIGHT: 39px
}

.popupPhotoAlbumPanel .friendCirRPanel .praise A.moreIcon {
	POSITION: relative;
	MARGIN: 0px auto;
	WIDTH: 25px;
	DISPLAY: block;
	BACKGROUND: url(../images/friend17ced3.png) no-repeat -44px -361px;
	HEIGHT: 25px;
	TOP: -14px
}

.popupPhotoAlbumPanel .friendCirRPanel .praise A.moreIcon:active {
	BACKGROUND-POSITION: -142px -130px
}

.popupPhotoAlbumPanel .friendCirRPanel .comments {
	COLOR: #fff;
	text-shadow: 0px 1px 0px #000
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .title {
	BORDER-BOTTOM: #414852 1px solid;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	HEIGHT: auto;
	BORDER-TOP: medium none;
	PADDING-TOP: 0px;
	border-radius: 0px
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .titlePanel {
	BORDER-BOTTOM: #262b33 1px solid;
	PADDING-BOTTOM: 7px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 9px;
	PADDING-TOP: 0px
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .titlePanel .commentIcon
	{
	MARGIN: 0px 5px -7px 0px;
	WIDTH: 20px;
	DISPLAY: inline-block;
	BACKGROUND: url(../images/friend17ced3.png) no-repeat -129px -244px;
	HEIGHT: 19px
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .title A {
	COLOR: #fff;
	text-shadow: 0px 1px 0px #000
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .title A:hover {
	TEXT-DECORATION: none
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .commentContent SPAN.emoji
	{
	VERTICAL-ALIGN: text-bottom
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .commentContent IMG {
	VERTICAL-ALIGN: middle
}

.popupPhotoAlbumPanel .friendCirRPanel .comments UL {
	OVERFLOW-Y: scroll
}

.popupPhotoAlbumPanel .friendCirRPanel .comments UL LI {
	BORDER-BOTTOM: #414852 1px solid;
	MARGIN-TOP: 11px
}

.popupPhotoAlbumPanel .friendCirRPanel .comments UL LI A {
	BORDER-BOTTOM: #262b33 1px solid;
	PADDING-BOTTOM: 11px;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 8px;
	DISPLAY: block;
	PADDING-TOP: 0px
}

.popupPhotoAlbumPanel .friendCirRPanel .comments UL LI A:hover {
	TEXT-DECORATION: none
}

.popupPhotoAlbumPanel .friendCirRPanel .comments UL IMG.avatar {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	WIDTH: 40px;
	HEIGHT: 40px;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	border-radius: 0px;
	box-shadow: none
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .commentPanel {
	MARGIN-LEFT: 52px
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .commentPanel P {
	LINE-HEIGHT: 1em;
	MAX-WIDTH: 292px;
	MARGIN-BOTTOM: 8px;
	COLOR: #2f2f2f;
	FONT-SIZE: 14px;
	text-shadow: none
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .commentPanel .commentContent
	{
	LINE-HEIGHT: 20px;
	MARGIN: 4px 0px 0px;
	COLOR: #fff;
	FONT-SIZE: 12px;
	text-shadow: 0px 1px 0px #000
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .commentPanel .commentor
	{
	MARGIN: 0px;
	TEXT-OVERFLOW: ellipsis;
	DISPLAY: inline-block;
	MAX-WIDTH: 73px;
	WHITE-SPACE: nowrap;
	COLOR: #fff;
	FONT-SIZE: 14px;
	OVERFLOW: hidden;
	text-shadow: 0px 1px 0px #000;
	-o-text-overflow: ellipsis
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .commentPanel .reply {
	COLOR: #5e749b;
	FONT-SIZE: 12px
}

.popupPhotoAlbumPanel .friendCirRPanel .comments .commentPanel .time {
	COLOR: #a6a6a6;
	FONT-SIZE: 12px
}

.feedbackWin {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: -15px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	MARGIN-BOTTOM: 20px;
	PADDING-TOP: 0px
}

.feedbackWin .left {
	POSITION: absolute;
	FONT-STYLE: italic;
	BOTTOM: 5px;
	FONT-FAMILY: Constantia, Georgia;
	FONT-SIZE: 22px;
	RIGHT: 5px
}

.feedbackWin TEXTAREA {
	BORDER-BOTTOM: #989ca1 1px solid;
	BORDER-LEFT: #989ca1 1px solid;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	WIDTH: 97%;
	PADDING-RIGHT: 5px;
	FONT: 14px/1.2em Helvetica, "微软雅黑", "黑体", Arial, Tahoma;
	WORD-WRAP: break-word;
	HEIGHT: 80px;
	OVERFLOW: auto;
	BORDER-TOP: #989ca1 1px solid;
	BORDER-RIGHT: #989ca1 1px solid;
	PADDING-TOP: 5px;
	resize: none
}

.feedbackWin .opArea {
	MARGIN-TOP: 5px;
	WIDTH: 200px;
	FLOAT: right
}
�